Cara Membuat Scroll Pada Arsip Blog

Setelah sebelumnya saya memposting artikel blog mengenai cara Mengganti Background Pada Blog, kali ini saya akan berbagi pengetahuan tentang cara Membuat Scroll Pada Archive Blog seperti pada blog ini. Seperti yang sobat ketahui, jika jumlah artikel kita pada bulan itu terlalu banyak, tentu akan membuat halaman blog semakin panjang kebawah (terutama jika arvhive blog dengan tampilan hirarki) yang tentu saja akan membuat blog kita sedikit lebih berat. Nah, saya sarankan sobat mengikuti langkah cara 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.

Sumber

Related Post: