Cara Membuat Scroll pada Widget

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 :

1. Login ke Blogger

2. Klik Rancangan → Edit HTML

3. Klik tulisan Download Template Lengkap

4. 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.

5. Beri tanda centang pada kotak di samping tulisan Expand Template Widget

6. 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'/>

   7.   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.

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

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

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

10. Jika sudah selesai SIMPAN TEMPLATE dan lihat hasilnya
      Selamat mencoba.

 

Sumber :

Posted in: Blogger Tutorial , Cara Membuat Scroll pada Widget