Cara Membuat Scroll Pada Widget
by Doni Masrul Tutorial
Agar widget blog anda tidak memakan tempat, anda bisa membuat scroll pada widget tersebut. Nah, previewnya seperti ini.
Nah, begini cara membuatnya:
<b:widget id='Profile1' locked='false' title='Mengenai Saya' type='Profile'/>
<b:widget id='HTML6' locked='false' title='Jam' type='HTML'/>
<b:widget id='BlogArchive1' locked='false' title='Arsip Blog' type='BlogArchive'/>
<b:widget id='Label1' locked='false' title='Kategori' type='Label'/>
<b:widget id='Followers1' locked='false' title='Pengikut' type='Followers'/>
<b:widget id='HTML7' locked='false' title='Statistik Blog Ini' type='HTML'/>
<b:widget id='HTML1' locked='false' title='Kotak Chatting' type='HTML'/>
Nah, cari kode widget yang akan anda berikan scroll. Misalnya Arsip Blog. Apabila judul widget tersebut adalah Arsip Blog, maka kodenya kira-kira seperti ini.
<b:widget id="BlogArchive1" locked="false" title="Arsip Blog" type="BlogArchive">
Kode title adalah judul dari widget. Apabila tidak diberi judul maka kodenya adalah title=''. Yang harus anda perhatikan dengan seksama adalah kode id='BlogArchive1'. Perhatikan pada bagian BlogArchive1. itu adalah id dari widget Arsip Blog.
Nah, lalu kita cari kode ]]></b:skin>. Nah, lalu ketikkan seperti ini diatasnya.
#BlogArchive1 .widget-content{
height:200px; /* Tinggi yang diinginkan */
width:auto;
overflow:auto;
}
Ganti bagian BlogArchive1 dengan id dari widget yang diinginkan. Misalnya Label1 atau Followers1. Kalau sudah klik Simpan Template.
Nah, begini cara membuatnya:
- Login ke Blogger.
- Tuju Tata Letak > Edit HTML.
- Backup dulu templatenya.
- Cari kode seperti ini.
<b:widget id='Profile1' locked='false' title='Mengenai Saya' type='Profile'/>
<b:widget id='HTML6' locked='false' title='Jam' type='HTML'/>
<b:widget id='BlogArchive1' locked='false' title='Arsip Blog' type='BlogArchive'/>
<b:widget id='Label1' locked='false' title='Kategori' type='Label'/>
<b:widget id='Followers1' locked='false' title='Pengikut' type='Followers'/>
<b:widget id='HTML7' locked='false' title='Statistik Blog Ini' type='HTML'/>
<b:widget id='HTML1' locked='false' title='Kotak Chatting' type='HTML'/>
Nah, cari kode widget yang akan anda berikan scroll. Misalnya Arsip Blog. Apabila judul widget tersebut adalah Arsip Blog, maka kodenya kira-kira seperti ini.
<b:widget id="BlogArchive1" locked="false" title="Arsip Blog" type="BlogArchive">
Kode title adalah judul dari widget. Apabila tidak diberi judul maka kodenya adalah title=''. Yang harus anda perhatikan dengan seksama adalah kode id='BlogArchive1'. Perhatikan pada bagian BlogArchive1. itu adalah id dari widget Arsip Blog.
Nah, lalu kita cari kode ]]></b:skin>. Nah, lalu ketikkan seperti ini diatasnya.
#BlogArchive1 .widget-content{
height:200px; /* Tinggi yang diinginkan */
width:auto;
overflow:auto;
}
Ganti bagian BlogArchive1 dengan id dari widget yang diinginkan. Misalnya Label1 atau Followers1. Kalau sudah klik Simpan Template.

Related Post :
Tutorial
- How to Find Good Article Writers
- Cara Menghapus Widget Yang Tak Bisa di Hapus
- Cara Menyingkat Postingan (Read More)
- Cara Pasang Buku Tamu Facebook di Blog
- Pasang Kotak Komentar Facebook di Blogger
- Show atau Hide Widget Followers
- Membuat Postingan Blog Menjadi Update Status Facebook Dan Twitter Secara Otomatis
- Bikin Kursor Lucu
- Gambar di Samping Judul Posting
- Cara Membuat Menu Menarik Dengan Spoiler
- Membuat Tombol Maximize dan Minimize Pada Widget Blog
April 19, 2012 at 4:54 PM
terima kasih gan atas infonya
salam sukses selalu