Cara Membuat Scroll Pada Widget Blog Archive

 Cara Membuat Scroll Pada Widget Blog Archive - Blogger Update. Assalamualaikum wr.wb. Siang ini saya akan membagikan Tutorial Blog yaitu Cara Membuat Scroll Pada Blog Archive. Blog Archive kalau tidak dibatasi akan memanjang dan memakan tempat, jadi saya mempendek menggunakan CSS dibawah ini :

#BlogArchive1 .widget-content{height:200px;width:auto;overflow:auto;}

Tapi cara itu hanya mempendek tinggi Widget Blog Archive saja, kali ini saya akan memberitahukan cara Memperpendek Dan Memberi Scroll Pada Blog Archive. Lihat screenshoot Scroll Blog Archive :

Langkah-Langkah Membuat Scroll Pada Widget Blog Archive

1. Buka Blog Anda >> Edit Tempalate.

2. Cari kode <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:200px;'>
    <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>

Note : Tulisan yang berwarna merah adalah ukuran tingginya, anda bisa menggantinya sesuai dengan keinginan anda.

3. Simpan template.

sumber Cara Membuat Scroll Pada Widget Blog Archive (seo-powers.blogspot.com)