Cara mengganti design Tampilan Archive di Blog

Sebelum memposting ini, saya ucapkan terimakasih kepada Gudangrusak.com karena sudah mau membimbing Barala Go Blog untuk selalu berusaha menambah pengetahuan mengenai tutorial blog ini.


Ok, langsung saja, widget Blog Archive sebenarnya sudah tersedia oleh blogspot sebagai Daftar isi atau isi arsip postingan sobat, akan tetapi ada sedikit kekurangan penampilan bagi Sobat blogger yang ingin menghemat space template sesuai dengan selera dan keinginan kita ( mau seperti punya saya? baca terus !!!). Oleh karena itu, maka kita harus pintar untuk mengotak-atik template. Ok, rede

• Log in to your blog
• Klik rancangan / layout/ templet
• Klik Edit HTML
• Kemudian cari kode HTML (bukan kode CSS) untuk widget blog archive Sobat ( untuk lebih cepat klik F3 atau Ctrl+F ) biasanya tertulis type='BlogArchive'.
• Setelah itu cari kode bagian blog archive seperti di bawah ini :

<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div id='ArchiveList'>

• setelah ketemu, tambahkan kode HTML ScrollBox ( style='overflow:auto; height:200px' ) pada bagian <div class='widget-content'> .sehingga hasilnya seperti di bawah ini :

<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content' style='overflow:auto; height:200px'>
<div id='ArchiveList'>

• Simpan Templet, beres dah.....

Catatan.
Untuk ukurannya, silakan Anda sesuaikan dengan keinginan mengubah height:200px
---Sucses for Us---