Postingan
Kali ini saya akan berbagi pengetahuan tentang cara Membuat Scroll Pada Archive Blog seperti pada blog ini. 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 dalam hal ini 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'>
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
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 + "_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 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 dan beri komentar pada artikel saya yaa...
11. Selesai.
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'>
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
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 + "_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 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 dan beri komentar pada artikel saya yaa...
11. Selesai.
0 komentar:
Posting Komentar