Cara Membuat scroll bar untuk arsip blog

Friday, January 27, 2012


Nih gan cara nya membuat scroll bar di blogg anda 

 Login dulu ke blogger.com

 Pilih menu "Design"
 Klik "Edit HTML"
 buat jaga-jaga kalo terjadi kesalahan, sebaiknya backup dulu template yang kita gunain, caranya klik "Download Full Template"
 Beri tanda centang pada "Expand Template Widget"
 Cari kode ini <div id='ArchiveList'> (supaya lebih gampang, tekan ctrl+f ‘n masukan kode yang dicari)
 Kalo udah ketemu, copy/paste kode di bawah ini tepat sebelum kode <div id='ArchiveList'>

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

 Kalo udah, tambahin kode </div> di atas kode <b:include name='quickedit'/>

Supaya lebih jelas, coba perhatiin beberapa kode yang ada dibawah ini deh !!

<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>
<b:include name='quickedit'/>

 Klik "Save Template"

Catatan:
 Teks warna merah adalah posisi dimana kode harus diletakkan
 Teks warna hijau adalah ukuran dari tinggi kotak arsip blog yang udah kita tambahin scroll button

" jika sudah lihat hasil nya baru anda akan sadar betapa bergunanya scroll bar ini ..hee "


Get Paid To Promote, Get Paid To Popup, Get Paid Display Banner