Membuat Scroll Pada Arsip Blog
- Pastikan anda sedang login dengan akun blog saudara
- Masuk
ke menu Template Blog, lalu klik tombol Edit HTML
- Cari
kode <div id='ArchiveList'>
- Klik
pointer pada kolom edit HTML, kemudian tekan Ctrl+F atau F3 untuk
mempemudah pencarian kode <div id='ArchiveList'>
- Jika
sudah ketemu, Simpan kode di bawah ini tepat di atas kode <div
id='ArchiveList'>.
<div style="border: 1px solid
rgb(204, 204, 204); padding: 5px; overflow: auto; width: 100%; height: 200px;
background-color: #FFFFFF;">
- Sehingga
menjadi seperti ini
<h2><data:title/></h2> </b:if> <div class='widget-content'> |
<div
style="border: 1px solid rgb(204, 204, 204); padding: 5px; overflow:
auto; width: 100%; height: 200px; background-color: #FFFFFF;">
<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 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'/>
- Jangan
lupa berikan tag penutup </div> seperti contoh yang berwarna merah
di atas
- Klik
simpan template
Keterangan Kode Berwarna Merah di Atas:
- Kode height adalah
kode yang menentukan tingginya scrolling pada blog arsip.
- #FFFFFF adalah warna background,anda bisa mengubahnya sesuai ke inginan anda.
Lihat di sini " Kode Warna HTML Lengkap"
0 komentar:
Posting Komentar