Membuat Arsip Blog Dalam Scroll Box
Widget blog archive atau arsip blog yang disetting padamode hierarki biasanya akan memanjang(atau bahkan terlalu panjang), sesuai dengan jumlah artikel yang kita publish. Pastinya hal ini akan mengganggu penampilan blog sobat karena panjang sidebar menjadi tidak menentu. Untuk itul sebaiknya dibuatkan scroll agar panjangnya tetap sesuai aturan yang kita buat.
Untuk membuat scroll pada blog archieve, silahkan sobat simak dan kemudian praktekkan postingan saya kali ini...
1.Login dahulu Ke akun blogger Dengan ID sobat.
2.Klik Tata Letak Kemudian Klik Edit HTML (jangan lupa beri centang pada kolom Expand Template Widget).
3. Cari kode <div id='ArchiveList'>
4. Lalu tambahkan kode berwarna merah seperti dibawah ini
Angka 200 pada kode berwarna merah adalah tinggi scroll, aturlah sesuai dengan keperluan sobat.
5. Klik Simpan Template , preview blog sobat, widget archives telah berisi scroll!
Untuk membuat scroll pada blog archieve, silahkan sobat simak dan kemudian praktekkan postingan saya kali ini...
1.Login dahulu Ke akun blogger Dengan ID sobat.
2.Klik Tata Letak Kemudian Klik Edit HTML (jangan lupa beri centang pada kolom Expand Template Widget).
3. Cari kode <div id='ArchiveList'>
4. Lalu tambahkan kode berwarna merah 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>
</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>
Angka 200 pada kode berwarna merah adalah tinggi scroll, aturlah sesuai dengan keperluan sobat.
5. Klik Simpan Template , preview blog sobat, widget archives telah berisi scroll!
saya ngga pasang archive, tapi trik ini saya gunakan utk widget lain supaya rapi :)
ReplyDeletethanks infonya sob ;)
Tentu, silahkan sob....
ReplyDeletesemoga bermanfaat...
mantap untuk tipsnya ane coba dulu ya, thanks udah share
ReplyDelete