Cara mudah membuat Scroll pada widget

Ok teman semua Karya Anak Kidoela akan membagikan sedikit tips buat sobat para blogger mungkin ngga bakalan panjang lebar kita ikuti saja langkah - langkahnya di bawah ini .....!!!!!

1. Login ke Blogger


2. Klik Rancangan → Edit HTML


3. Klik tulisan Download Template Lengkap

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





Beri tanda centang pada kotak di samping tulisan Expand Template Widget





Kemudian cari kode seperti berikut :

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

<b:widget id='BlogArchive1' locked='false' title='Arsip Blog' type='BlogArchive'/>

<b:widget id='PopularPosts1' locked='false' title=' Entri Populer' type='PopularPosts'/>

Contoh membuat Scroll untuk arsip blog (BlogArchive1) caranya cari kode ]]></b:skin> Copy kode dibawah ini dan Paste di atasnya kode tadi :

#BlogArchive1 .widget-content{

height:200px;

width:auto;

overflow:auto;

}

Simpan Template......





Contoh lainnya jika ingin memasang kan scroll pada widget lain tinggal ganti Kode id berwana biru (BlogArchive1) contoh untuk label blog masukkan kode id berikut Label1 atau untuk Entri Populer dengan kode id PopularPosts1 nama id tersebut silahkan sesuaikan dengan template kawan-kawan....







Selamat mencoba.............

Terima Kasih

Created By Syarief Hidayat



------------------------------------------------------------------------------------------