Cara memasang Scroll pada Arsip Blog

Saat meluncur ke blog para sahabat bloggers, ada sebuah blog yang kelihatan sangat rapi. Baik modifikasi tampilan, kecepatan hingga warna benar-benar sangat menarik. Tapi ada 1 yang sangat janggal dimata, ketika melihat Arsip blognya disidebar begitu panjangnya saat membuka arsip yang begitu banyak. Sebaliknya saya lihat diblog ini juga demikian halnya.

Dan setelah itu saya  coba browsing-browsing ke berbagai blog-blog master. ternyata sudah banyak yang memodifikasi tampilan Arsip blognya. (maaf buat para master-master jika informasi ini sudah kadaluarsa, tapi saya ingin mengshare buat sahabat-sahabat blogger yang belum tahu caranya.) Bagi yang ingin mencobanya langsung ikuti petunjuk dibawah ini ya.. :)

• Login terlebih dahulu..

• Nah, kalau sudah login silahkan langsung ke Rancangan. Klik tambah gadget, terus klik tanda (+ )  pada Arsip Blog, untuk menambah Gadget Arsip. 

• Klik Simpan setelah memberi judul.

• Setelah Gadget Arsip jadi, Silahkan masuk ke Edit HTML (*jangan lupa centang expand template widget)

• Dan cari kode <div class='widget-content'>  (*untuk mempermudah gunakan Ctrl+f)  

• Lalu sisipkan kode <div style='overflow:auto; width:ancho; height:300px;'> tepat dibawah <div class='widget-content'>

• Kemudian letakan kode penutup dibawah  </div>  tepat dibawah  <b:include name='quickedit'/>

Lihat contoh dibawah;

<div class='widget-content'>
<div style='overflow:auto; width:ancho; height:300px;'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div>
<b:include name='quickedit'/>
</div>  
</div> 

• Jika sudah selesai,klik simpan dan lihat hasilnya..

• Untuk kode yang bercetak tebal, silahkan sesuaikan dengan panjang widget yang diinginkan.

Selamat  mencoba, semoga berhasil.... ;)

Artikel Terkait