Cara Membuat Auto Scroll Pada Widget Blog Archive

Hello sobat blogger! Pada kesempatan 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.

Nah, 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"

4. Kemudian cari kode ]]></b:skin> (tekan ctrl+f untuk mempermudah pencarian) dan letakkan script kode berikut ini tepat di atasnya.

#BlogArchive1 .widget-content{
height: 300px;
margin: 0px;
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.

Artikel Lainnya: