Membuat Widget Menjadi Tipe Scroll

Semakin hari jumlah postingan kita di blog kita pasti akan bertambah banyak, tentunya, ini juga akan membuat widget – widget yang ada pada blog kita makin panjang, seperti contohnya arsip blog, label, artikel terkait, dan sebagainya.
Untuk mempersimpel tampilan – tampilan itu, sebaiknya kita ubah menjadi bentuk scroll, sehingga mempermudah pengunjung dalam mengakses artikel – artikel kita tanpa memakan banyak tempat.
Cara membuat widget dalam bentuk scroll adalah sebagai berikut.

1. Sign in di www.blogger.com
2. Ke Design atau Tata letak terus klik Edit Html
3. Cari Kode untuk widget yang akan kita jadikan scroll, berikut contoh kode – kode standar untuk widget yang kita pasang.
(Gunakan Ctrl + F untuk mencari)

<b:widget id='Profile1' locked='false' title='Mengenai Saya' type='Profile'/>
<b:widget id='HTML4' locked='false' title='Blog Stats' type='HTML'>
<b:widget id='HTML11' locked='false' title='Daftar Isi:' type='HTML'>
<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:widget id='Followers1' locked='false' title='Followers' type='Followers'>
<b:widget id='HTML6' locked='false' title='etc.' type='HTML'/>
<b:widget id='BlogArchive1' locked='false' title='Arsip Blog' type='BlogArchive'/>

4. Misalnya jika kita ingin memberi scroll untuk widget “Label”, maka kodenya kira - kira seperti ini

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

Jadi, kode ID yang nanti di pakai untuk mengganti widget Label ini adalah Label1

5. Kemudian cari kode ]]></b:skin> (Gunakan Ctrl + F agar lebih mudah)
6. Pastekan kode berikut diatas kode ]]></b:skin>

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

7. Kemudian Simpan Template.
Jika berhasil maka tidak akan terjadi Error.

Untuk mengganti kode yang lain dapat kita gunakan cara yang sama, perbedaannya hanya ada pada tahap no.6, dimana kita harus menggunakan kode ID masing – masing widget, misal widget followers kodenya Followers1, dsb. Kode masing – masing widget adalah yang saya cetak tebal.

Semoga dapat bermanfaat

Artikel Terkait

• Cara Mengecek Broken Link Pada Blog
• Tingkatkan SEO dengan Iklan Baris Gratis
• Teknik SEO Link Baiting
• Daftar Mesin Pencari (Search Engine)
• Backlink Gratis Dari Situs Pagerank 5-9
• Daftar Direktori RSS
• Tips SEO
• Alternatif Mendapatkan Backlink
• Mengecek Statistik Blog / Website
• Cara Pasang Navigasi Breadcrumb di Blogger