Warung Bebas
HOME SING IN LOG OUT
SELAMAT DATANG DI WITTO BLOG | TEMPAT NONGKRONG PARA BLOGGER | Voucher Bersama - Witto Blog - Tutorial Blog | SELAMAT MENUNAIKAN IBADAH PUASA MOHON MAAF LAHIR DAN BATHIN | MAAF ATAS KE TIDAK NYAMANANNYA

Jumat, 09 Juli 2010

Cara Membuat Scroll Pada Archive Blog

Jumat, 09 Juli 2010
Masih dalam rangkaian utak-atik template untuk tampilan blog, kali ini akan berbagi cara Membuat Scroll Pada Archive Blog seperti pada blog ini jika jumlah artikelnya pada bulan itu banyak maka scrollnya akan berfungsi.
Cara Membuat Scroll Pada Archive Blog ini hampir sama dengan membuat Membuat Scroll Pada Label / Categori yang telah saya posting sebelumnya, perbedaannya hanya terletak pada kata label dengan archive saja.

Untuk jelasnya langsung saja langkahnya seperti ini :

1. Login dulu ke Acount Blogger.
2. Pilih Rancangan , lalu klik Edit HTML
3. Centang dulu Expand Widget Templates
4. Cari kode yang seperti ini : <div id='ArchiveList'> atau kata Archive.
5. Untuk memudahkan mencarinya , pakai saja Ctrl +F , terus ketik kata yang dicari dikotak yang disediakan, lalu klik next.
6. Kalau sudah, tambahkan kode warna hijau itu sebagai scollnya
7. Lengkapnya kode tersebut seperti dibawah ini :

<h2><data:title/></h2> </b:if> <div class='widget-content'>
<div style='overflow:auto; width:ancho; height:200px;'>
<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'/> </div> </b:includable>

8. Angka 200px adalah tinggi kotak scroll itu, silahkan disesuaikan.
9. Mungkin saja diblog sobat kodenya beda,, Oleh karena itu carilah yang mirip dan perlu dicoba, terus jangan lupa templatenya dibackup dulu.
10. Kalau sudah jangan lupa save template .
11. Selesai

Hasil Akhirnya Adalah Seperti ini :

Cari Artikel Lainnya Disini
Custom Search

Bagi yang ingin belajar PHP / HTML / MySQL dengan sangat mudah sambil langsung praktek dalam waktu yang singkat,di tuntun dengan tutorial video yang di rancang khusus dan mudah di mengerti, Witto Mengajak anda belajar DISINI.

2 komentar:

syafren mengatakan...

ternyata penjelasan yang anda berikan sangat mudah dan gak berbelit-belit. Saya sangat terbantu dengan pstingan anda.....
terima kasih.

Witto mengatakan...

@syafren iya, Sma2 ya...jangn lupa kunjungan kebali,.

Posting Komentar

Comment Yuk Biar Lebih Seru....

Prev Prev Home
 

Follow

Buku Tamu No Link