//sunflower's hope

FOLLOW SITE ABOUT ENTRY LINKS STUFF Dashboard

Cara membuat Scroll Pada Widget Yang Dari Blogger

Langsung aja ikuti cara - cara di bawah ini
1 . Login ke Blogger
2 . Klik Rancangan => Edit HTML
3 . Klik tulisan Download Template Lengkap

Silahkan save dulu template itu, ini di maksud agar mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kamu masih punya back up data untuk mengembalikannya seperti semula
Beri tanda centang di Expand Template Widget

4 . Kemudian cari kode seperti berikut untuk mengetahui kode id yang berwarna biru :

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

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

<b:widget id='PopularPosts1' locked='false' title='Artikel Favorit' 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;

}

keterangan : warna orange adalah ukuran scrollbar bisa kamu tentukan dengan ukuran widget kamu, ganti warna biru dengan kode id widget yang kamu cari di seperti yang tertera pada gambar paling bawah ini, warna hijau adalah judul widget kamu .

Kamu bisa ganti warna biru (BlogArchive1 di kode yang ada warna merah dan orangenya) menjadi label blog masukkan kode id Label1 atau untuk Entri Populer dengan kode id PopularPosts1, atau misalnya kamu ingin mengetahui kode id widget yang dari Blogger lainnya. Contoh : kamu ingin memberi scrollbar pada Followers, kamu tinggal mencari kata Followers/judul widget yang kamu inginkan pada pada kotak find, misalnya seperti gambar di bawah ini :

Jika sudah selesai, Pratinjau dulu kalau enggak apa - apa baru Simpan Template.

kalau gambarnya enggak jelas tekan gambar itu nanti kamu di bawa ke tab baru maka di tab baru tersebut akan terlihat gambar di samping ini yang lebih jelas dan besar :).

Sumber kode
Sumber gambar dan cara

Labels: Scroll Bar, tips dan trik blogger