Cara buat scroll pada widget blog

Pada kesempatan kali ini saya akan share cara membuat scroll widget pada blog. karena blog lebih rapih dan cantik jika widget diberi scroll. terutama arsib blog yang memakan banyak tempat. berikut caranya

Langkah-langkah :

1. login ke account blogger anda dulu

2. Lalu anda akan masuk ke menu Dashboard / Dasbor,Lalu langsung saja menuju ke menu Design / Rancangan. Kemudian, masuklah ke menu Elemen laman.

3. Sebelum anda dapat membuat scroll pada widget, anda harus mencari ID dari widget tersebut. Caranya klik Edit yang berada pada widget

4. Setelah itu akan muncul gambar seperti ini

  

 dan lihat tulisan pada pojok kanan atas

Gambar ini merupakan contoh widget blog archive, setiap Id pada widget pasti berbeda-beda. Contoh:

A. Widget Label = Label1 ; Label2 ; Label3 ; dan seterusnya

B. Widget Blog Arsip = BlogArchive1 ; BlogArchive2 ; BlogArchive3 ; dan seterusnya 


C. Widget Profil Blogger = Profile1 ; Profile2 ; Profile3 ; dan seterusnya 


D. Widget yang tidak diberi judul = HTML1, HTML2, HTML3 dan seterusnya.

 
5. Sebagai contoh, saya akan membuat scroll pada widget Label.
 
6.  Masih pada menu Rancangan, lalu klik menu Edit HTML Cari kode
]]></b:skin> dengan menggunakan Ctrl + F
7. Kemudian, letakkan kode dibawah ini dan letakkan di atas kode]]></b:skin>

#ID label.widget-content{

height:200px;

width:auto;
overflow:auto;
}



 

perlu di perhatikan : 

• Label1 adalah ID dari widget label. Ganti dengan ID widget yang ingin anda buat scroll
• height:200px; adalah tinggi dari widget scroll. Ganti dengan tinggi widget scroll yang anda inginkan

8. lengkapnya akan menjadi seperti di bawah ini

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

]]></b:skin>