Cara Membuat Scroll pada Widget

Assalamualaikum Wr. Wb.

Pada kesempatan kali ini Bang Dayat akan share Cara Membuat Scroll pada Widget, setelah sebelumnya saya telah share Cara Membuat Scroll Bar pada Postingan Blog, tutorial ini sudah tidak asing lagi bagi para blogger karena selain mengefisienkan tempat bisa juga memperindah blog agar lebih kelihatan rapi. Mari simak tutorial pembuatannya berikut.

• Loggin dahulu ke blogger
• Masuk rancangan -> Edit HTML
• Download dahulu template lengkap (*untuk menghindari kesalahan) 
• Cari kode ]]></b:skin>, lalu Letakkan kode berikut tepat diatas kode ]]></b:skin>

#Id Widget .widget-content{

height:170px;

width:auto;

overflow:auto;

}

• Cari Judul Widget yang ingin anda buat scroll (*gunakan CTRL+F),

gunakan huruf besar pada awal kata dalam pencarian judul widget, jika judul widget anda memang menggunakan awalan huruf besar.

• Jika sudah ketemu, lihat di bagian depan judul widget anda, maka anda akan menemukan Id widget tersebut. (*Lihat contoh dibawah, saya akan membuat scroll pada widget Categories).

<b:widget id='Label1' locked='false' title='Categories' type='Label'/>

Keterangan :

• Warna Merah adalah Id Widget anda.
• Warna Biru adalah Judul Widget yang ingin anda buat scroll.

• lalu copas Id widget tersebut dan ganti tulisan yang berwarna merah pada kode yang telah anda letakkan diatas kode ]]></b:skin> dengan Id widget anda.

• Kemudian simpan template anda, Selesai.

Sekian tutorial tentang Cara Membuat Scroll pada Widget, semoga tutorial ini bermanfaat bagi kawan-kawan blogger sekalian. Salam Bang Dayat.

Related Post »