News Update :

Cara Membuat Scroll Box pada Blog Archive V.2

Diposkan oleh : Posted on Senin, 22 Oktober 2012 - 10:06 AM with No comments



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 :

arsiv blog, archieve blog, blog archieve, scroll box blog archieve, scrolling blog arsip

Dan kalau saya atur secara Hierarchy, maka arsip blog saya akan tampil seperti ini:

arsiv blog, archieve blog, blog archieve, scroll box blog archieve, scrolling blog arsip

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 :

  • Sign In di http://www.blogger.com/
  • Klik Menu Rancangan, lalu pilih Edit HTML.
  • Kasih tanda Centang pada Expand Widget Template
  • Cari kode berikut <div id='ArchiveList'>
  • Perhatikan kode sebelum kode tersebut!

arsiv blog, archieve blog, blog archieve, scroll box blog archieve, scrolling blog arsip

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

Tambahan :
200px adalah ukuran tinggi Scroll Box, Silahkan disesuaikan dengan tinggi Scroll Box yang sobat blogger inginkan
Share this Article on :
Cara Membuat Scroll Box pada Blog Archive V.2
Item Reviewed: Cara Membuat Scroll Box pada Blog Archive V.2 9 out of 10 based on 10 ratings. 9 user reviews.

0 komentar:

Poskan Komentar

 

© Copyright 2-Bersaudara 2015 | Design by Herdiansyah Hamzah | Editing by 2-Bersaudara.