Membuat Scrolling Blog Arsip

Posted by Blackpepper at 11.47 Read our previous post

Halo bloggers, ketemu lagi, hwekhwek :D

Ngomong-ngomong nih bloggers, kalo kita uda mosting banyak artikel, otomatis arsip blog kita bakalan paaaanjang sampe kebawah. Nah tu, kan gak enak diliatnya kalo kayak gitu, makanya kali ini black mau bagi-bagi artikel tentang cara ngasih scroll di arsip blog.

scrolling blog archive

Okedeh langsung aja ya! :D

  1.  Login akun blog kita dulu (pastikan blog kamu ada widget blog archivenya ya)

  2.  Masuk ke Template => Edit HTML => centang Expand Template Widget

  3.  Cari kode <div id=’ArchiveList’>

  4.  Tambahkan kode warna merah berikut (diatas kode <div id=’ArchiveList’>):

...

<div class='widget-content'>

<div style="border: 1px solid rgb(204, 204, 204); padding: 5px; overflow: auto; width: 100%; height: 200px; background-color: #FFFFFF;">

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

...

•       jangan lupa berikan kode </div> (yang berwarna merah diatas) dibawah tanda  </div> yang lain
•       Width dan Height nya bisa kalian sesuaikan :)

 5.  Simpan templatenya


               Well, pertamanya sih black ruwet nyobain tutorial ini, tapi akhirnya black bisa juga :D

          Oke bloggers, makasih udah berkunjung ke blognya si black, sampai jumpa di posting berikutnya, jangan lupa ninggalin komen ya :D c u... :)