Membuat Scroll Box pada Blog Archive



Membuat Scroll Box pada Blog Archive
Sidebar dari blog ini berada di sebelah kanan blog post, Sobat blogger bisa lihat sendiri sebenarnya tanpa perlu saya jelaskan. Terdapat widget Arsip Blog disana yang saya setting dengan setting Dropdown Menu. Kalau kita menggunakan Kalu saya gunakan setting Flat List, maka arsip blog saya akan terlihat seperti gambar di bawah ini :


Membuat Scroll Box pada Blog Archive


Dan kalau saya atur secara Hierarchy, maka arsip blog saya akan tampil seperti ini:
 
Membuat Scroll Box pada Blog Archive


Kalau jumlah post atau artikel yang kita sudah publikasikan di atas 100 (Seratus) kemudian kita setting arsip blog kita dengan Hierarchy atau Flat List, tentunya widget arsip blog kita akan terlihat panjang. Solusi yang paling tepat untuk mengatasi tampilan widget arsip blog yang terlalu panjang adalah dengan cara Membuat Scroll Box pada Blog Archive. Bagimana cara membuatnya? Ikuti langkah-langkah berikut:

Cara Membuat Scroll Box pada Blog Archive :
1. Sign In di http://www.blogger.com/
2. Klik Menu Rancangan, lalu pilih Edit HTML.
3. Kasih tanda Centang pada Expand Widget Template
4. Cari kode berikut <div id='ArchiveList'>
5. Perhatikan kode sebelum kode tersebut!

Membuat Scroll Box pada Blog Archive


6. Hapus kode <div class='widget-content'>
7. Lalu ganti dengan <div class='widget-content' style='overflow:auto; height:200px'>
8. Klik Simpan Template

Tambahan :
200px adalah ukuran tinggi Scroll Box, Silahkan disesuaikan dengan tinggi Scroll Box yang sobat blogger inginkan

1 comments:

This article is very informative and a lot of my blog scroll box are taken the instructions from here. Keep your good work, pal!

Post a Comment

Related Posts Plugin for WordPress, Blogger...
Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Back To Top