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 :
- Silakan login ke blogger
- Pilih Tata Letak
- Klik Edit HTML
- Contreng Expand Widget Templates
- Cari kode <head> ( untuk mempermudah pencarian gunakan F3 )
- Setelah menemukan kode <head> copy paste dan letakkan kode script berikut ini tepat dibawahnya - Download Kode ]>>
- Simpan Template
- Untuk langkah berikutnya sobat pergilah ke Dashboard
- Pilih Tata Letak
- Klik tulisan Add a Gadget ( tambah widget )
- Pilih HTML/Javascript
- Copy paste kode berikut <ul class="slideshow"><li><a href="http://kolombloggratis.blogspot.com/2012/06/donatur.html" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVZ25lsG2w9nqF_d8zT5gN3Iq6S-DAG_LZ7G7_5RBIMgPLE88n5slnqZe4ISfUKDv8BaNRFvrCbDquGIwCjnTyKe7M_JugHvMLH7BkrG3l__xB6QrslyiPmMgZLzU6Pt7uiD2la-ZYaQ/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5C_Y5xt_Q-K0uj0wH-6jbAd7sNJMvmPH-D66jl9crc-hiso-gMI1eQhNG3zhJLKs2hb0E-23lPJBVK95Pi6TlgVTTuw3Q7gK9iTWmCzqG4CeWerYnssT4-OJ8YBi5VbPaneBW_yBPiw/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX-OEINJ8HE_VVsZgeGBW9DULeOY1exkPTiuUEXXkvXo1FLIZCwePd2VvgyNokY8rpTfGZOMGTXJ1xq9agiuQ9DxWNFik30fHySuIWIjPVCLQ3miSuaUyESyPyE0lL6X1tHilm6f8SQg/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4aQInPCLUS4ltn31kP63oPJiBsHoEMc-vJo8ulh3dM6JqTgSN3lNkV5sYSmee4x6hg41uP0aEcDtfL_SXX01o4F3pDpAVjyITmUH8KjNI4T9Ve8fRmbx5GxiGkANk4b8OlKcRcYmQWA/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJHVi7QchwqIi9aMykR1N0Hb3lhZn-xOLOQVO4Kydk6jR5NyK413P9aXHp0BU1KMA0q3-ZhULH8wNCEcJaE4SD2vIg-DFq81Dwtbg7qJEmF32EBdlAoO9kiC5yhfXLfelgCW7ZTLJWNw/s320/Software+Terbaru.jpg" title="FREE DOWNLOAD SOFTWARE TERBARU FULL CRACK" alt="FREE DOWNLOAD SOFTWARE TERBARU FULL CRACK." /></a></li><li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRSZkOY16UhX9MpbdKJF8sVqkkYcjUutlDM96unhw6sXBmp5_BMQuAVxkko3R_C48YMod7CNC75QSsRUGw0J6CSKf8RsWjnoVl0R9oeW0hfUT20Ebl4yb9nsteGUIcXA6J3x_MUptyRw/s320/TipsTrik.jpg" title="MACAM - MACAM TIPS DAN TRIK TERBARU" alt="MACAM - MACAM TIPS DAN TRIK TERBARU." /></li></ul>
- Klik Simpan dan lihat hasilnya,...
Sumber : http://kolombloggratis.blogspot.com/2012/07/membuat-widget-gambar-slide-show.html#ixzz1cUMQLRrE
