6 Cara membuat Scroll pada widget label, Blog archive, Popular post

Cara membuat Scroll pada widget label, Blog archive, Popular post

Contoh Tampilan bisa dilihat punya mas uwah di sidebar kiri
untuk caranya:

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

Anda suka atau merasa artikel ini bermanfaat? Jika ya, mohon kesediaannya untuk meng-klik tombol Plus One yang ada di samping ya. Terima kasih

related post :