 |
| 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....
{ 4 komentar... read them below or add one }
Thanks Gan.
Kalau ditambahin yang auto scrool gimana Gan?
kalo itu ane gak tau sob... masih newbie...
search aja di mabh google sob pasti ketemu tuh...:)
makasih sob atas info yang sangat bermanfaat banget :)
thank u gan..bermanfaat nih...
Post a Comment
sekarang siapapun (asal manusia....:D) dapat meninggalkan komentar, berkomentarlah dengan sopan ya...:)