Minggu, 10 November 2013

Cara Membuat Scroll Bar Pada Arsip Blogger

Membuat Scroll Bar Pada Arsip Blogger


Bagi sobat yang sudah banyak memposting blogger pastinya pada Widget Blog Archiew atau Arsip semakin banyak postingan banyak juga Arsip yang di tampilkan. Saking banyaknya arsip ini membuat tempat blogger sobat tidak rapi dan panjang. Pada kesempatan week end di hari minggu ini saya akan share tips 
"Membuat Scroll Bar Pada Arsip " tujuanya agar merapikan menu arsip tersebut. Silahkan di simak.

1. Masuk Ke Blogger.com
2. Masuk menu Setelan Tempelate.
3. Pilih menu Edit HTML, Cari kode yang seperti di bawah ini :

<b:widget id='BlogArchive1' 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:100px;'><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>

Kode warna merah adalah kode yang di tambahkan ke dalam script itu
Kode warna biru adalah tinggi dari scroll bar tadi, dan angka warna biru tersebut bisa rubah 150 / 200 atau terserah berapa setingan sobat yang penting cocok tinggi ukuran scroll bar nya.

4. Silahkan Simpan Tempelate. 
Walaupun cuma cara sederhana semoga membantu sobat. Silahkan tinggalkan komentar sobat.


EmoticonEmoticon