Senin, 19 Maret 2012

cara nya membuat scroll bar di blogg anda

LANGKAHNYA SBB =

1.  Login dulu ke blogger.com

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

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

8.  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'/>

9. Klik "Save Template"

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

Tidak ada komentar:

Posting Komentar