Tutorial buat scroll pada Archives

Membuat Scroll Pada Archive Blog.

Langkahnya sebagai berikut :

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 copas kata diatas, lalu klik next;
6. Kalau sudah, tambahkan kode warna merah berikut ini sebagai scollnya;
7. Lengkapnya kode tersebut seperti dibawah ini :

<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>

<div style='overflow:auto; width:ancho;height:300px;'>

<div id='ArchiveList'>

<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div>

</div>

<b:include name='quickedit'/>
</div>
</b:includable>

8. Angka 300px adalah tinggi kotak scroll itu, silahkan disesuaikan dengan selera sobat;
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 dan beri komentar pada artikel saya yaa;
11. Selesai.

Hasil akhirnya adalah seperti ini :

Cara ini juga bisa sobat terapkan untuk artikel atau lainnya, misalnya kategori yang terlalu panjang atau widget lainnya, selamat berimajinasi.

Source » http://www.wakrizki.net/2011/01/membuat-scroll-pada-archive-blog.html#ixzz1nm0A9bPG