Muhammad Khoirul Umam
Belajar CSS
,
Blog Design
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...