Membuat Auto Scroll Pada Widget Blog Archive

Membuat Auto Scroll Pada Widget Blog Archive - Hello kawan! Sudah hampir satu minggu ini saya tidak update postingan di ngeposta, dan pada kesempata kali ini saya akan update dan share tutorial mengenai cara membuat auto scroll pada widget blog archive. Cara membuatnya cukup mudah sekali dan simple, hanya dengan menyisipkan sedikit script css saja.

Nahh, bagi anda yang berminat dan ingin mencoba untuk membuat auto scroll pada widget blog archive silahkan simak dengan baik tutorial di bawah ini :

1. Login ke blogger.com menggunakan akun anda.
2. Masuk ke halaman "Template".

3. Lalu pilih "Edit HTML", klik "Lanjutkan" dan jangan lupa centang "Expand Template Widget".

4. Kemudian cari kode ]]></b:skin> dan letakkan script kode berikut ini tepat di atasnya.

?

1 2 3 4 5 6

#BlogArchive1 .widget-content{ height: 300px; margin: 10px; width: auto; overflow: auto; }

5. Kemudian klik save/simpan template, selesai dan lihat hasilnya...

Note :

• BlogArchive1 adalah id dari widget blog archive yang sudah kita pasang/ada di blog kita, id blog archive pada blog anda belum tentu sama seperti itu. Bisa jadi id blog anda adalah BlogArchive2,BlogAchive3, atau BlogArchive4 dan seterusnya.
• height: 300px; adalah untuk menentukan tinggi dari widget blog archive tersebut, anda bisa menggantinya sesuai dengan selera.
• Untuk previewnya bisa langsung anda lihat pada gambar yang ada di atas.

Cukup sekian postingan saya pada kesempatan kali ini mengenai cara membuat auto scroll pada widget blog archive. Semoga bisa bermanfaat bagi anda, dan selebihnya saya mohon ma'af atas segala kesalahan yang ada. Salam sejahtera by ngeposta...