 |
Scroll pada Blog Archive
|
Plug
in Blog Archive telah terpasang kembali pada Blog Carater-66 ini, nah
agar tampiannya tidak terlalu panjang ke bawah maka saya mencoba dengan
membuat scroll (contohnya ada di side bar blog ini), sehingga
tampilannya lebih minimalis dan tidak membuat loading blog menjadi
lelet. Tertarik untuk membuatnya? Berikut langkah - langkah Cara Menambahkan Scroll Pada Arsip Blog atau Blog Archive (Blog List in Carater-66) :
1. Sign In di Bloggermu
2. Klik Menu Rancangan
3. Klik Menu Edit HTML
4. Beri Tanda Centang Pada Kotak "Expand Widget Template"
5. Cari Kode <div id='ArchiveList'> dengan Control F
6. Lalu Tambahkan Kode Berikut di Atasnya:
<div style='overflow:auto; width:ancho; height: 150px;'>
7. Ganti 150px dengan ukuran kesukaanmu
8. Kemudian cari kode dibawah ini:
<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>
9. Lalu ganti dengan kode berikut (anda juga bisa hanya menambahkan kode yang bercetak merah) :
<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>
10. Setelah selesai kodenya jadi seperti di bawah ini, lalu save.
<div style='overflow:auto; width:ancho; height:150px;'>
<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'/>
Semoga bermanfaat....
