News Article :

Home » , » Bikin Gambar Slide di Blog

Bikin Gambar Slide di Blog


السلام عليكم و رحمة الله وبركاته

بِسْـــمِ اللهِ الرَّحْمَنِ الرَّحِيْــــــمِ 
setelah sekian lama dibikin pening ,akhirnya nemuin solusi nya juga ,ya walaupun sedikit acak-acakan ane coba bagikan di sini ,mudah - mudahan saja ada yang butuh .hehehhe....
Dan Pada kesempatan kali ini ane akan coba postingkan tentang cara bikin gambar slide di blog
seperti contoh : Sebenarnya sih ane ga suka panjang lebar alias lebih suka yang simpel dan cepat ,


 Tapi demi menghormati yang punya link , jadi ane pikir lebih baik ane ketik sendiri , itung - itung belajar ngacapruk ....hahahhahah.....tapi jangan lupa sob beri tau kehadirannya di sini biar kita bisa saling berbagi.....eitttttt tunggu dulu , jangan buru - buru bro nyantai saja N sabar ,biar  rada tenang heheheh......sebelum Ane kupas tentang Cara Bikin Gambar Slide Di Blog , ane mu nanya dulu ni gimana menurut Sobat tentang photo di atas menurut pandangan sobat , cantik kah , ayu kah, sexy kah atau apa dah ,ngiler ya jadi pingin pipis......hehehehhehe........seandainya dia jadi pacarnya Sobat pasti suaminya marah wkwkwkwkkwk................
Kayanya  sih Jadi penasaran pingin langsung nyoba kaya ni trik  di bawah ini

Pertama-tama silakan Login dulu di akun Blog sobat..
Lalu pilih tata letak.
Setelah itu silakan sobat klik tambah gadget.
Selanjutnya sobat akan di bawa ke tab baru Lalu pilih yang HTML /Java Script.
Setelah itu Silakan copy paste atau sobat ketik sendiri Code di bawah ini  :

<script src='http://yourjavascript.com/53816065231/Database5.js' type='text/javascript'></script>\
<script type="text/javascript" src="http://yourjavascript.com/65160840132/cycle.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#content-slider').cycle({
fx: 'fade'
});
});
</script>
<style type="text/css">
#content-slider {
   position: relative;
   width: 100%;
   height: 270px;
   overflow: hidden;
   margin:0 auto;
}
#content-slider img {
   display: block;
   width: 100%;
   height: 270px; top: 1;
   border:1px solid #33ff00
}
</style>
<div id="content-slider">
<img src="Url Gambar 1"/>
<img src="Url Gambar 2"/>
<img src="Url Gambar 3"/>
<img src="Url Gambar 4"/>
</div>


Cttn : Yang warna Pink Width = lebar , hight = tinggi [ silakan diganti kalau mau ]
         Yang warna Merah alamat url gambar [ silakan pakai url gambar yang sobat punya ]
Cara mendapatkan Url Gambar : silakan upload gambar / poto di tempat penyimpanan gambar ,
misalkan album web picasa , lali klik kanan pada mouse ,pilih yang salin Url gambar lalu paste kan
di Url gambar tadi.


Jika ingin menambahkan Gambar lagi misalnya lebih dari 4 silakan tambahkan
code di bawah ini tepat di atas  code  </div> :
__________________________
<img src="Url Gambar 5"/>
__________________________

Jika semuanya sudah selesai silakan save / simpan ,lalu lihat hasilnya ,
ctatan : ribet sama code-code diatas buat z secara onlin klik gambar di postingan ini

»̶·̵̭̌✽Semoga manfa'at✽·̵̭̌«̶⌣     ⌣»̶·̵̭̌ امين... يَا رَ بَّ العَـــالَمِيْن✽·̵̭̌«̶

0 komentar:

Post a Comment

 
Support : Copyright © 2014 Catatan Belajar Blog | Tips Dan Trik - All Rights Reserved
Blog creatif By : Wildan Taupiq | Proudly powered by : Blogger