Cara Membuat Scroll Archive Blog

Membuat scroll pada archive blog emang sangat bermanfaat yaitu untuk lebih menghemat ruang pada blog agan. Emang banyak sekali yang bisa kita buat scroll seperti membuat scroll pada label, komentar dan lain sebagainya tapi kali ini ane akan membahas tentang membuat scroll pada Archive Blog.


Kita langsung saja ke TKP gan:

1. Login dulu ke blog
2. Pilih Design
3. Pilih Edit Html dan jangan lupa untuk mencentang "Expand Widget Templates"
4. Cari kode <div id='ArchiveList'>. gunakan Ctrl+F untuk memudahkan dalam mencari
5. Setelah ketemu sisipkan kode berikut tepat di atas kode nomor4

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

6. Kemudian cari kebawah sampai menemukan kode <b:include name='quickedit'/>
7. Setelah ketemu tambahkan kode </div> tepat di atas kode <b:include name='quickedit'/> 
8. Inilah tampilan selengkapnya

<div class='widget-content'>

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

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

<b:include name='quickedit'/>

</div>

Ket: warna merah merupakan kode yang ditambahkan. Untuk height merupakan tinggi dan width untuk lebarnya. Disini lebarnya=ancho yaitu lebarnya fleksibel atau menyesuaikan template. Untuk tinggi agan bisa menyesuaikan dengan selera agan.

Sekian untuk cara membuat scroll pada archive blog, semoga bermanfaat dan jangan lupa beri komentarnya.

Artikel Terkait: