Membuat Scroll Widget

Agar widget blog anda tidak memakan tempat, anda bisa membuat scroll pada widget tersebut. Nah, begini cara membuatnya.

1. Login ke Blogger anda.

2. Masuk Tata Letak/Rancangan > Edit HTML.

3. Backup dulu templatenya untuk menghindari kegagalan dalam hidup.

4. Cari kode seperti ini.

Code:

<b:widget id='HTML8' locked='false' title='' type='HTML'/>
<b:widget id='HTML3' locked='false' title='' type='HTML'/>
<b:widget id='HTML12' locked='false' title='' type='HTML'/>
<b:widget id='Followers1' locked='false' title='Followers' type='Followers'/>
<b:widget id='Text1' locked='false' title='Mp3freeDownload' type='Text'/>
<b:widget id='HTML20' locked='false' title='Feedjit' type='HTML'/>
<b:widget id='HTML21' locked='false' title='' type='HTML'/>
</b:section>
</div>

Nah, cari kode widget yang akan anda berikan scroll. Misalnya Feedjit Apabila judul widget tersebut adalah Feedjit, maka kodenya kira-kira seperti ini.

Code:

<b:widget id='HTML20' locked='false' title='Feedjit' type='HTML'/>

Kode title adalah judul dari widget. Apabila tidak diberi judul maka kodenya adalah title=''. Yang harus anda perhatikan dengan seksama adalah kode id='HTML20'. Perhatikan pada bagian HTML20. itu adalah id dari widget Feedjit.

Nah, lalu kita cari kode ]]></b:skin>. Nah, lalu ketikkan kode dibawah ini letakkan diatasnya.

Code:

#HTML20 .widget-content{
height:200px; /* Tinggi yang diinginkan */
width:auto;
overflow:auto;
}

Catatan : 
HTML20 Bisa diganti dengan id dari widget yang anda Cintai dan anda inginkan. Misalnya Label1 atau Followers1. Kalau sudah klik Simpan Template.
Tinggi yang di inginkan ganti dengan tinggi badan yang anda inginkan misal 200

Terakhir Klik Save/Simpan Template dilemari.

Selamat Menjajal,....
Tips dari Kang Rohman