Home »
Blogging
» Membuat Slider Carousel Otomatis Berdasarkan Label
Membuat Slider Carousel Otomatis Berdasarkan Label
Written By Dede Diagram on Tuesday, July 3, 2012 | 10:51 PM
Pada kesempatan ini saya akan membahas bagaimana membuat slider Carousel otomatis berdasarkan label. Tampilan slider ini akan membuat blog Anda semakin menarik dan juga bisa membantu pengunjung dalam memilih artikel sesuai dengan label yang diinginkannya. Anda juga bia memodifikasi tampilan slider carousel Anda sesuai dengan warna dasar blog Anda atau merubah gambarnya agar lebih menarik seperti yang saya lakukan pada blog saya
Ini Contohnya
Cara pemasangannyapun sangat mudah, Langsung saja di bawah ini langkah-langkah untuk membuatnya :
Login ke blogger dengan akun Anda
Setelah itu pilih blog yang ingin anda tambahkan slider ini.
Masuk ke template >> Edit HTML, kemudian centang expand widget templates
Untuk berjaga-jaga agar tidak terjadi kesalahan dalam pengeditan nantinya, backup dulu template anda.
Setelah semua langkah diatas anda lakukan, letakkan kode berikut ini diatas kode ]]></b:skin> :
Perhatikan URL script warna merah diatas, itu adalah kode script jQuery.min.js seri terbaru yang saya gunakan untuk membuat slider ini. Jika pada template Anda sudah terdapat jQuery.min.js walaupun serinya berbeda, kode warna merah diatas tidak perlu lagi Anda masukkan. Cukup satu jQuery.min.js yang ada di template, terserah mau seri berapa, kalau bisa versi yang terbaru.
Sedangkan kode warna biru : 15 adalah jumlah slider yang ditampilkan. Dan news adalah label yang ditampilkan pada slider nantinya (Ingat besar kecil huruf harus sama dengan label yang sudah Anda buat).
Langkah selanjutnya adalah memanggil slider tersebut agar muncul di blog kita. Cari kode <div id='main-wrapper'>, kemudian letakkan kode berikut ini diatasnya :
kok gx bsa cara ketiganya kk..
ReplyDeletecodenya kok gx ada ya..
mohon bantuannya..
codenya udah dihapus ama google sob, jadi mohon maaf atas ketidaknyamanannya, kode update akan segera saya post.
ReplyDelete