ExitJangan Lupa Klik Like/Suka!

Sabtu, 30 Juni 2012

Cara Menambahkan Scroll Pada Arsip Blog atau Blog Archive (Blog List in Carater-66)


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 == &quot;FLAT&quot;'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == &quot;MENU&quot;'>
<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 == &quot;FLAT&quot;'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == &quot;MENU&quot;'>
<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 + &quot;_ArchiveList&quot;'>
<b:if cond='data:style == &quot;HIERARCHY&quot;'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == &quot;FLAT&quot;'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == &quot;MENU&quot;'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div></div>
<b:include name='quickedit'/>


Tidak ada komentar:

Posting Komentar