Info

SELAMAT DATANG

Selamat datang di Coretan Jastin Teknik - saya senang Anda berada di sini, dan berharap Anda sering datang kembali. Silakan Berlama - Lama di sini dan membaca lebih lanjut tentang artikel dunia teknik (Blogging, HTC, Pantun, Trik" handphone Dan Lain Lain) yang Kami susun. Ada banyak hal tentang kami, Anda mungkin akan menemukan sesuatu yang menarik

Sekilas Tentang Jastin Teknik

Nama saya Jastin Teknik, Saya Bukan Seorang Blogger, Desainer atau Apapun Tapi Saya Hanya Seseorang Yang Ingin Selalu Belajar dan Ingin Tahu Sesuatu Yang Baru...

Sabtu, 04 Februari 2012

Cara Membuat scroll bar untuk arsip blog

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..."
Met memcoba N semoga artikel ini dapat bermamfaat bagi tmn2 smua......

0 komentar:

Posting Komentar

Link Sahabat