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>
<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'/>
Demikianah tutorial Cara Menambahkan Scroll Pada Arsip Blog atau Blog Archive (Blog List in Carater-66). Semoga bermanfaat....
Wah... Makasih banyak atas infonya... ^^
BalasHapus@ Yanti Rahayu : makasih atas komentarnya :-)
BalasHapushi gan mohon bantuan na nih kalo bisa saya newbie dan saya sudah coba tapi ada kendala scroll bar nya ketinggian jadi tahun arsipnya cuma kelihatan sepotong jadi tidak sedap dipandang mata
BalasHapusbagi siapa saja yg mo membantu silakan email ke juicewuenake@yahoo.com atau ke tfkh82@gmail.com
makasih mas sharenya hehehe :)
BalasHapusRumit amat
BalasHapushttp://eard-zth.blogspot.com
bermanfaat sekali
BalasHapusmaksih banyak mas
BalasHapusTrima Kasih, lumayan buat ngerapihin tampilan blog
BalasHapusterima kasih atas tutorialnya gan :)
BalasHapus