Membuat Scroll Pada Archive Blog

blog-archive-sroll.jpg
Archive di Blogspot kadang menjengkelkan, apabila kita tiap hari banyak posting. Ukuran tingginya tidak tetap, atau terus bertambah seiring dengan banyaknya posting.
Demo

Untuk mengatasi masalah diatas, kita akan Membuat Scroll Pada Archive Blog.
Tujuannya agar lebar dan tinggi widget archive ini tetap. Sehingga blog kita terkesan sangat profesional

Untuk jelasnya langsung saja langkahnya seperti ini :

- Masuk dulu ke Acount Blogger atau Dashboard
- Pilih Layout , lalu klik Edit HTML
- Centang dulu Expand Widget Templates
- Cari kode yang seperti ini : <div id='ArchiveList'> atau kata Archive.
- Untuk memudahkan mencarinya , pakai saja Ctrl +F , terus ketik kata yang dicari dikotak yang disediakan, lalu klik next.
- 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>


- 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. Demo

0 komentar:

Posting Komentar

 
© 2010 - 2012 Mas Dowi | Powered by Blogger | Built on the Blogger Template