Selasa, 15 Januari 2013

Membuat Widget Gambar Slide Show - Javascript dan Css di Blogger

0 komentar

Membuat Widget Gambar Slide Show - Javascript dan Css di Blogger

Membuat Widget Gambar Slide Show - Javascript dan Css di Blogger | Tips Blogspot | Membuat Widget Gambar Slide Show - Posting kali ini KBG akan search tentang cara membuat gambar slide di blogspot ( gambar berubah - ubah sendiri ) yang bisa membuat blog / website sobat jadi lebih indah dan menarik, script kali ini sudah saya uji dan hasilnya memang bagus karena Widget slide show ini terkesan lebih professional membuat KBG ingin membagikan informasi ini pada sobat setia KBG. salah satu penerapan bahasa jQuery pada blogger yang mana menampilkan slideshow pada gambar / image secara otomatis dan jadi tak perlu menggunakan tombol geser, Berikut langkah  - langkah dan Cara Membuat Slide Show Photo Widget for Blogspot dengan Javascript dan Css :
  1. Silakan login ke blogger
  2. Pilih Tata Letak
  3. Klik Edit HTML
  4. Contreng Expand Widget Templates
  5. Cari kode <head> ( untuk mempermudah pencarian gunakan F3 )
  6. Setelah menemukan kode <head> copy paste dan letakkan kode script berikut ini tepat dibawahnya - Download Kode ]>>
  7. Simpan Template
  8. Untuk langkah berikutnya sobat pergilah ke Dashboard
  9. Pilih Tata Letak
  10. Klik tulisan Add a Gadget ( tambah widget )
  11. Pilih HTML/Javascript
  12. Copy paste kode berikut <ul class="slideshow"><li><a href="http://kolombloggratis.blogspot.com/2012/06/donatur.html" target="_blank"><img src="http://3.bp.blogspot.com/-e3XBv6VdrOE/T-xW9VROu2I/AAAAAAAABkQ/QDOZBjzpllw/s320/donasi+trimakasih.jpg" title="BERIKAN DONASI DUKUNG KBG CERDASKAN INDONESIA" alt="Replace This Text BERIKAN DONASI DUKUNG KBG." /></a></li><li><a href="http://kolombloggratis.blogspot.com/2011/04/jasa-pembuatan-blog-pribadi-bisnis.html" target="_blank"><img src="http://4.bp.blogspot.com/-KvUXrS1fnzk/T-xVutSNg6I/AAAAAAAABjo/32WGXS9o834/s320/Bikin+BlogWeb.jpg" title="JASA PEMBUATAN WEBSITE - BLOG PROFFESIONAL" alt="JASA PEMBUATAN WEBSITE - BLOG PROFFESIONAL." /></a></li><li><a href="http://kolombloggratis.blogspot.com/2011/02/pasang-iklan-premium.html" target="_blank"><img src="http://2.bp.blogspot.com/-cSEPpx1P3U0/T-xWRWwUE2I/AAAAAAAABj4/2pNojJUEgLc/s320/Iklan+Pasang.jpg" title="PROMO PASANG IKLAN BANNER TERMURAH MERIAH " alt="PROMO PASANG IKLAN MURAH." /></a></li><li><a href="http://kolombloggratis.blogspot.com/2012/06/donatur.html" target="_blank"><img src="http://3.bp.blogspot.com/-_jLfmlZrHaI/T-xWCM7BhDI/AAAAAAAABjw/qgqj2XnuNcs/s320/Domain+Murah.jpg" title="DOMAIN PROMO HARGA MURAH! PESAN SEKARANG!!!" alt="DOMAIN PROMO HARGA MURAH BANGET." /></a></li><li><a href="http://kolombloggratis.blogspot.com/2011/06/column-free-download-software-full.html" target="_blank"><img src="http://2.bp.blogspot.com/-LQhB1hbOyQc/T-xWgZT97QI/AAAAAAAABkA/gl17ijDjg1Q/s320/Software+Terbaru.jpg" title="FREE DOWNLOAD SOFTWARE TERBARU FULL CRACK" alt="FREE DOWNLOAD SOFTWARE TERBARU FULL CRACK." /></a></li><li><img src="http://1.bp.blogspot.com/-1EuOyNQqlxs/T-xWwghP70I/AAAAAAAABkI/qVrx7_7qiXA/s320/TipsTrik.jpg" title="MACAM - MACAM TIPS DAN TRIK TERBARU" alt="MACAM - MACAM TIPS DAN TRIK TERBARU." /></li></ul>
  13. Klik Simpan dan lihat hasilnya,...

Sumber : http://kolombloggratis.blogspot.com/2012/07/membuat-widget-gambar-slide-show.html#ixzz1cUMQLRrE

Leave a Reply

Labels

 
Rovid's Tutorial © 2011 DheTemplate.com & Main Blogger. Supported by Makeityourring Diamond Engagement Rings

You can add link or short description here