Membuat Scroll Bar Arsip Blog

Nih gan cara nya membuat scroll bar di blogg anda, seperti  anda lihat di blog ini.
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:150px;'>
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: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'/>

Klik "Save Template"
Catatan:
Teks warna biru adalah posisi dimana kode harus diletakkan
Teks warna merah adalah ukuran dari tinggi kotak arsip blog yang udah kita tambahin scroll button, dan bisa dirubah sesuai kebutuhan/keinginan, saya pakai 300.

" jika sudah lihat hasilnya, baru anda akan sadar betapa bergunanya scroll bar ini ..hee "
Silahkan dicoba semoga bermanfaat . . . . . . . . .

Terima Kasih Untuk Semua Pengunjung/Pembaca KhaZaAm. Semoga Bermanfaat

Tidak ada komentar:

Posting Komentar