Membuat Arsip Blog Dalam Scroll Box
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