Menambahkan Scroll pada Widget Blog

Widget-Blog

Terkadang widget yang kita pasang di blog memilki ukuran yang tidak diinginkan. Seperti terlalu tinggi sehingga memuat banyak tempat pada halaman blog. Untuk mengatasinya kita perlu Menambahkan Scroll pada Widget tersebut.

Seperti kita ketahui, widget itu terbagi dua ( blogspot ), yaitu widget bawaan  dan widget custom.
Widget bawaan ini adalah widget yang memang sudah disediakan oleh Blogspot itu sendiri. Sedangkan Custom Widget maksudnya adalah widget yang dibuat/dipasang sendiri oleh user dengan menambahkan dan mengedit kode HTML/Javascript, karena widget tersebut tidak disediakan oleh Blogspot. Tentunya untuk dapat menambahkan scroll pada kedua jenis widget ini caranya akan berbeda.

Namun pada postingan saya ingin hanya ingin membahas cara Menambahkan Scroll pada Widget khusus widget standar/bawaan blogspot. Sebelumnya Anda harus tahu dulu nama widget yang akan ditambahkan scrool. Misalnya Populer Post

1. Login ke dashboard blog Anda
2. Pilih Tata Letak.
3  Klik Edit HTML
4. Carilah kode ]]></b:skin>
5. letakan kode berikut ini diatas kode ]]></b:skin>.
#PopularPosts2 .widget-content{ height:230px; width:auto; overflow:auto; }
Keterangan :
Ubahlah kode berwarna biru dengan widget id yang Anda inginkan
Ubahlah kode berwarna merah dengan ukuran tinggi yang anda inginkan.

7. Klik Simpan Template jika telah selesai.
8. Lihat hasilnya

Menambahkan Scroll pada Widget khusus custom widget akan saya bahas pada postingan selanjutnya.

Terima kasih telah berkunjung.

No comments:

Post a Comment