Topics :
Home » » Cara Membuat Scroll Pada Arsip Blog (Blog Archive)

Cara Membuat Scroll Pada Arsip Blog (Blog Archive)


Ungkit - Bagaimana cara membuat, menambah dan memasang atau mengganti Arsip Blog agar tampilanya menjadi scroll.Dengan memakai scroll pada arsip blog, akan membuat panjang sidebar ke bawah tetap dan arsip blog yang tampilannya herarki akan terlihat rapi dengan adanya scroll. Jika kita sudah menambahkan widget arsip blog dengan model herarki, langsung saja ke TKP siapin Template Blog mana yang mau diganti.

Cara Membuat Scroll Pada Blog Archive (Arsip Blog)
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode berikut

<b:widget id='BlogArchive2' locked='false' title='Arsip Blog' type='BlogArchive'>

6. Tampilan full Kodenya seperti dibawah ini 

<b:widget id='BlogArchive2' locked='false' title='Arsip Blog' type='BlogArchive'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div style='overflow:auto; width:ancho; height:150px;'>
<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>

7. Kode warna merah adalah kode yang ditambahkan kedalam script template, 150 adalah tingginya (bisa diganti menyesuaikan kesenangan hati sendiri-sendiri

8. Save 

9. Lihat Hasilnya 

10. Semoga Berhasil dan jangan lupa LIKE dan biasakanlah SHARE Guys :)

1 komentar :

  1. thx gan tipsnya, mampir jg di http://jalurmedia.blogspot.com/

    BalasHapus