All for Joomla All for Webmasters

Cara Mudah Menambahkan Scrollbar pada Widget Blogspot

scroll-widget Menata tampilan pada halaman blog merupakan pekerjaan yang cukup melelahkan. Apalagi jika kita memasang banyak widget pada blog. Para Blogger perlu untuk menata tampilan halaman agar terlihat professional dan rapi. Jika tampilan kurang rapi, bagi sebagian orang akan malas untuk menelusuri lebih dalam blog tersebut.

Salah satu contoh saya ingin menata tinggi widget blogroll agar sesuai dengan widget lainnya. Agar tinggi widget tersebut bisa kita atur tingginya sesuai dengan kemauan kita, bisa menambahkan scrollbar pada widget tersebut dengan mudah. Sebagai contoh bisa dilhat gambar diatas.

 

Bagaimana Cara mudah menambahkan scrollbar pada Widget Blogspot ?

1. Login ke Blogger.

2. Pilih menu Rancangan / Design.

3. Lihat ID dari Widget pada blog anda.

4. Setelah tau ID Widgetnya pilih Edit HTML pada Menu Design.

5. Kemudian Cari kode ]]></b:skin>

6. Pastekan kode CSS dibawah ini sebelum kode diatas :

#WidgetID .widget-content {
height: 400px;
overflow: auto;
}

7. Ganti tulisan yang berwarna merah (WidgetID) dengan ID Widget anda.

8. Sesuaikan tinggi widget dengan keinginan anda pada angka yang berwarna biru.

9. Simpanlah Template Anda.

I'm Teacher Vocational School in SMK Labor Pekanbaru. I interested in Computer, Networking, Web Design, Blogging and the development of computer education.

1 Comment

Leave a Reply

Your email address will not be published. Required fields are marked *