Cara Praktis Membuat Scroll pada Widget

Setelah sebelumnya saya sudah membahas bagaimana Cara Memasang Scroll pada Label kali ini saya akan membahas bagaimana Cara Membuat Scroll pada Widget
Agar Widget Blog sobat tidak memakan tempat, sobat bisa membuat Scroll pada Widget tersebut.
berikut cara membuatnya :

Login ke Blogger
Klik Rancangan → Edit HTML
Klik tulisan Download Template Lengkap
Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula
Beri tanda centang pada kotak di samping tulisan Expand Template Widget

Kemudian cari kode seperti berikut :

<b:widget id='HTML6' locked='false' title='Cari di Blog ini' type='HTML'/>
<b:widget id='Label1' locked='false' title='Label' type='Label'/>
<b:widget id='BlogArchive2' locked='false' title='Arsip' type='BlogArchive'/>
<b:widget id='HTML4' locked='false' title='5 Komentar Terbaru' type='HTML'/>
<b:widget id='HTML7' locked='false' title='5 Komentar Terbanyak' type='HTML'/>

cari kode Widget yang akan sobat berikan Scroll
Misalnya Arsip. Apabila judul Widget tersebut adalah Arsip, maka kodenya seperti berikut :

<b:widget id='BlogArchive2' locked='false' title='Arsip' type='BlogArchive'/>

Kode title adalah judul dari Widget. Apabila tidak diberi judul maka kodenya adalah title=' '
Yang harus sobat perhatikan dengan adalah kode id='BlogArchive2'
Perhatikan pada bagian BlogArchive2 itu adalah id dari Widget Arsip Blog.

kemudian cari kode ]]></b:skin> Copy kode dibawah dan Paste di atasnya

#BlogArchive2 .widget-content{
height:200px;
width:auto;
overflow:auto;
}

Ganti bagian BlogArchive2 dengan id dari Widget yang akan di beri Scroll
Misalnya Label atau Profil

jika sudah selesai SIMPAN TEMPLATE dan lihat hasilnya

Selamat mencoba

Categories: Blogger