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.

SHARE

Milan Tomic

Hi. I’m Designer of Blog Magic. I’m CEO/Founder of ThemeXpose. I’m Creative Art Director, Web Designer, UI/UX Designer, Interaction Designer, Industrial Designer, Web Developer, Business Enthusiast, StartUp Enthusiast, Speaker, Writer and Photographer. Inspired to make things looks better.

  • Image
  • Image
  • Image
  • Image
  • Image
    Blogger Comment
    Facebook Comment

0 comments:

Post a Comment