Ketika sobat melalukan postingan di blog,secara otomatis archive blog sobat juga bertambah,jika baru bergabung di blogger si nggak masalah,tapi kalau kita sudah lama bergabung di blogger dan postingan sobat sudah menumpuk segudang kapuk,pasti archive blog sobat juga akan memanjang seperti rel kereta api atau kereta listrik juga boleh (biar ga katrok,hehehe),untuk mengatasi archive blog yang semakin banyak semakin memanjang kebawah(jangan lihat yang dibawah *itu*)saya akan berbagi tips untuk memperpendek archive blog dengan cara membuat scroll pada archive blog dan sebenarnya cara ini sudah cukup lama dan langkahnya juga cukup simple kok,sobat hanya perlu mengikuti langkah dibawah ini,yuk mari.!!!
1.Masih seperti kemarin-kemarin"(Login ke Akun blogger sobat)
2.Pilih Opsi lainya>>Template>>Edit HTML>>Lanjutkan.Jangan lupa centang Expand Template Widget
3.Setelah itu cari kode <div id='ArchiveList'> dan untuk mempermudah gunakan Ctrl+F
Lengkapnya seperti ini
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<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'/>
</div>
</b:includable>
</b:if>
<div class='widget-content'>
<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>
<b:include name='quickedit'/></div>
</b:includable>
Kalo udah ketemu lihat kode yang saya beri warna merah.Untuk warna merah paling atas,tambahkan kode seperti ini tepan diatasnya.
<div style='overflow:auto; width:ancho; height:300px;'>
kemudian untuk kode warna merah yang kedua,tambahkan kode dibawah ini tepat dibawahnya sebagai kode penutup
</div>
saya rasa sobat udah paham.Sekarang tinggal di save dan lihat hasilnya sob,OOiya,untuk ukuran tingginya disitu saya setting 300px,bisa diganti sesuai selera masing-masing :)
0 Response to "Membuat Scroll Pada Archive Blog"
Post a Comment
Peraturan Berkomentar :
1.Budayakan berkomentar yang baik dan sopan.
2.dilarang menjelek-jelekkan pihak tertentu.
3.berkomentar dengan menyertakan link aktif tidak akan saya hapus tapi resiko ditanggung sendiri :-) .
4.Pengguna nick name anonymous dengan komentar tidak jelas akan saya hapus.
[Rules Of The Rules]
Warning : Dilarang "berkata nice share/good/mantep sob" kalau belum ngasih colek G+/share..hehehehe.peace sobat. :)