Memberi Scrolbar pada Blog Archieve (Arsip Blog)

Assalamu'alaikum...

Arsip blog dengan Scrollbar

Mayasa©. Tampilan standar/ default blog archieve (arsip blog) umumnya mengikuti jumlah postingan kita setiap bulannya. semakin banyak postingan kita maka tampilannyapun akan semakin panjang. Seperti yang anda lihat pada sidebar saya, saya menggunakan scrollbar untuk mengurangi panjang blog archieve sehingga tampilan blog menjadi lebih ringkas dan rapi.

Apakah anda tertarik untuk menambahkan scrollbar pada blog archieve juga?

Jika iya, maka silahkan anda ikuti langkah-langkah berikut ini :

1. Login ke akun anda
2. Pilih templates, kemudian pilih edit HTML
3. Setelah itu centang Expand Widget Templates kemudian cari kode ini : <div id='ArchiveList'>.
   Untuk lebih mudahnya blok tulisan tersebut lalu tekan tombol Ctrl + F lalu pastekan kode tersebut pada kolom yang tersedia dan tekan enter.
4. Setelah ketemu, tambahkan kode
   
   
<h2><data:title/></h2>
</b:if>       
<div class='widget-content'>        
<div style='overflow:auto; width:ancho; height:220px;'>     
<div id='ArchiveList'>       
<div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>  
<b:if cond='data:style == &quot;HIERARCHY&quot;'>       
<b:include data='data' name='interval'/>     
</b:if>     
<b:if cond='data:style == &quot;FLAT&quot;'>       
<b:include data='data' name='flat'/>     
</b:if>       
<b:if cond='data:style == &quot;MENU&quot;'>       
<b:include data='data' name='menu'/>       
</b:if>       
</div>      
</div>     
</div>       
<b:include name='quickedit'/>   
</div>       
</b:includable>
5. Ingat cukup tulisan yang tercetak tebal yang anda tambahkan. Angka 220px menunjukkan tinggi dari scrollbar yang kita buat.
6. Kemudian klik save templates dan lihat hasilnya.

Mudah bukan cara membuat scrollbar pada blog archieve?

Anda juga dapat menambah scrollbar pada widget blog. Selamat mencoba dan semoga berhasil.

Wassalamu'alaikum...