Cara Membuat scroll bar untuk arsip blog
Nih buat sobat 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 + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<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 "
No comments:
Post a Comment
Terima Kasih Atas Kunjungan Anda ,Semoga anda Menikmati apa yang kami tampilka dan kami bagikan :D