Membuat Jquery Newsticker Bergaya BBC untuk Blogger

Advertisement
Sedekah Ilmu, Sesuai janji ane pada postingan sebelumnya, ane pingin berbagi cara bikin Jquery Newsticker seperti pada Situs BBC. script asli dari widget pertama kali ane dapatkan di situs http://jquerynewsticker.com

Pada situs tersebut dijelaskan bagaimana kita menerapkannya pada web kita (selain blogger), tapi ane gag dapetin gimana caranya nerapin di blogger. yah pusing buka scriptnya, secara ane hanya seorang newbie yang baru belajar. setelah nanya nanya ke mbah google akhirnya ane dapat referensi gimana caranya masukkin script jquery ke dalam template blog, nah singkatnya agan agan harus nyisipin script jquery dulu ke dalam template blog, agar semua widget yang menggunakan script jquery bisa berjalan dengan baik. 


Nah sebelum mulai pekerjaan ini, agan-agan cek dulu template blogger yang agan pakai, apakah sudah ada script jquery di dalam template atau belum. jika belum silahkan agan-agan masukkin script berikut kedalam template, caranya masuk ke dasbord blogger, pilih Template, klik Edit HTML cari kode </head>, kemudian simpan jquery script berikut sebelum kode tersebut :


Langkah berikutnya, masuk ke halaman Tata Letak, Pilih Add Widget/Gadget pilih widget Html/Javscript, kemudian masukkan script berikut :



hapus kode dibawah ini jika template agan sudah terdapat script jquery


Pengaturan :
Ganti BlogUrl http://www.johansanjaya.blogspot.com dengan url blog agan,
tagName : "News" ganti dengan Nama Label Postingan yang ingin ditampilkan, jika ingin menambahkan beberapa label, agan tinggal menambahkan dan mengganti kode,
contoh TagName: "Kesehatan", TagName: "Teknologi", TagName: "Olah Raga" MaxPost : 5 ganti angka 5 dengan jumlah artikel yang ingin agan tampilkan.
hapus kode <span title="'+l+" "+g+", "+k+'" class="date">'+c+""+h+" "+q+'</span> jika agan ingin menghilangkan keterangan waktu

kemudian Klik simpan

ini akan optimal bekerja di area berlebar minimal 600px atau lebih.

Oke gan, jika ada masalah agan bisa tinggalkan komentar.

referensi : jquerynewsticker.com, iblogforfood.net
.

"Orang biasa yang sedang belajar, dan ingin berbagi pengalaman"

4 komentar

Tinggalkan Coretan, Terima Kasih Kunjungannya Mas Bro dan Mbak Bray
EmoticonEmoticon