top down
CLICK TITLE TO READ MORE/AYO GABUNG DI BISNIS ONLINE 100%GRATIS SILAHKAN CLICK BENER DI ATAS

28 Juni 2011

Membuat Scroll Pada Archive Blog

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.

Untuk jelasnya langsung saja langkahnya seperti ini :

  1. Masuk dulu ke Acount Blogger atau Dashboard
  2. Pilih Layout , 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 merah itu sebagai scollnya
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>


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

0 komentar:

Poskan Komentar

berilah komentar yang saling mendukung saling menghormati sesama

Related Posts Plugin for WordPress, Blogger...

Posting Terbaruku

Jika Artikel Atau Apa Yang Ada Di Blog Ini Bermanfaat Bagi Anda Jangan Lupa Komentarnya!! Di Bawah Ini Atau Di Buku Tamu Yang Ada Di Samping Kanan, Demi kemajuan Blog Ini

Buku Tamu Facebook

SELAMAT DATANG DI BLOG SHERING ILMU JANGAN LUPA KOMENTAR ANDA DI SINI!!
Widget by: Facebook Develop by:http://wwwsaidahmad.blogspot.com/

Entri Populer