Cara Membuat Archive Blog dengan Scroll

Pada kesempatan ini kita akan membuat widget Archive blog menggunakan Scrollbar, yang mana ini bisa menghemat ruang pada blog kita, trus isi archive bisa tersusun rapi di dalam kotak scrollbar, mantap kan sob :)

Ok, langsung saja,

• Masuk ke blogger
• Buka design / rancangan
• Pilih Edit HTML
• Centang "Expand Widget Template"
• Cari kode id='ArchiveList' (Gunakan Ctrl + F )
• Setelah ketemu, masukkan kode berikut ini tepat di atasnya

<div style='overflow:auto; width:ancho; height:250px;'>

• Lalu geser scroll kebawah sampai sobat menemukan kode  <b:include name='quickedit'/>, dan masukkan kode </div> di atas kode <b:include name='quickedit'/> tadi
• Contohnya seperti ini,

<div class='widget-content'>

<div style='overflow:auto; width:ancho; height:250px;'>

<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>

Keterangan : Height:250px adalah untuk tingginya,Width:ancho adalah lebarnya, kata ' ancho ' berarti scrollnya fleksibel, alias sesuai tempat. Silahkan dimodif sendiri.

Hasilnya seperti ini sobat :

jika ada pertanyaan, sobat bisa bertanya di kotak komentar di bawah.  selamat mencoba....