Cara Membuat Scroll Pada Widget

CARA MEMBUAT SCROLL PADA WIDGET. Pada sebuah blog, sebuah tampilan merupakan salah satu cara agar para pengunjung betah disuatu blog. Untuk itu tampilan blog harus dibuat rapi dan ditata. Salah satu caranya yaitu membuat scroll pada widget, manfaat dari membuat scroll pada widget adalah supaya suatu widget tidak memakan tempat, sebagai contoh yaitu Popular Post, untuk itu kita dapat membuat scroll agar widget Popular Post tidak memakan tempat.

Okeh langsung saja kita ke TKP.. :D

Cara Membuat Scroll pada Widget :

1.      Login ke Blogger dengan akun anda.

2.      Klik Rancangan

3.      Pilih dan klik Edit HTML

4.      Demi menyelamatkan bila terjadi hal hal yang tidak dinginkan. (:D) silahkan Download Template Lengkap. Kemudian beri tanda centang pada Expand Template Widget

5.      Cari kode sebagai berikut :

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

Untuk mencari dengan cepat tekan tombol CTRL+F pada keyboard dan ketik kode diatas.

6.      Setelah ketemu, misal saya akan membuat scroll pada :: Entri Populer ::, caranya cari kode ]]></b:skin> (Untuk mencari dengan cepat tekan tombol CTRL+F pada keyboard dan ketik ]]></b:skin>)

7.      Setelah menemukan kode ]]></b:skin>, copy script dibawah ini dan pastekan tepat diatas ]]></b:skin>

#PopularPosts1 .widget-content{

height:200px;

width:auto;

overflow:auto;

}

8.      Kemudian klik Simpan

9.      Selesai

Jika ada hal yang kurang jelas silahkan berkomentar di bawah. Terima Kasih.

Artikel Menarik :