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.

Jika anda memiliki pertanyaan seputar Cara Membuat Scroll Pada Widget Blog Archive anda bisa bertanya dengan menuliskan pertanyaan anda dikotak komentar yang dibawah. Simak artikel lainnya : Daftar Isi Perlabel, Farhat Abbas Bird, Style Switcher Blog. Saya Mochammad Fikri mengucapkan terima kasih sudah mengunjugi blog ini. 

Dilarang untuk meng-copas artikel ini kecuali menuliskan sumbernya

Cara Membuat Scroll Pada Widget Blog Archive 2014-02-17T13:59:00+07:00 Rating: 4.5 Diposkan Oleh: Fikri