Berbagi Bersama
Home » » Cara Membuat scroll bar untuk arsip blogg

Cara Membuat scroll bar untuk arsip blogg

Written By Robby_JS on Senin, 21 Mei 2012 | 20.16


Cara Membuat scroll bar untuk arsip blogg


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 + &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 "
Share this article :

0 komentar:

Poskan Komentar

Contact

twitterfacebookgoogle pluslinkedinrss feedemail

Popular Posts

Dapil 2

Dapil 2
 
Support : Your Link | Your Link | Your Link
Copyright © 2013. JS Blog - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger