My Profile

Rabu, 07 Maret 2012

Cara Membuat scroll bar untuk arsip blogg


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 "

Ditulis Oleh : Endy Djubu | Artikel | Cara Membuat scroll bar untuk arsip blogg


Artikel Cara Membuat scroll bar untuk arsip blogg ini diposting oleh Endy Djubu pada hari Rabu, 07 Maret 2012. Terimakasih atas kunjungan Anda yang telah membaca artikel ini, semoga bermanfaat untuk kita semua, Kritik dan saran nya, silahkan tulis di kotak Komentar di bawah ini, dan jangan lupa di like/suka ya.... Salam hangat dari saya 3nf1try.blogspot.com
Stumble
Delicious
Technorati
Twitter
Facebook

0 Comments:

Poskan Komentar

Related Posts Plugin for WordPress, Blogger...

HACKING

Terbaru >>

Top Post >>

 

S E R V I C E ' s aLL ShArE Copyright © 2010 Endy_Djubu is Designed by 3nfitry