Search in This Blog

Rabu, 29 Januari 2014

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'/>


9 komentar:

  1. Wah... Makasih banyak atas infonya... ^^

    BalasHapus
  2. @ Yanti Rahayu : makasih atas komentarnya :-)

    BalasHapus
  3. hi 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

    bagi siapa saja yg mo membantu silakan email ke juicewuenake@yahoo.com atau ke tfkh82@gmail.com

    BalasHapus
  4. makasih mas sharenya hehehe :)

    BalasHapus
  5. Rumit amat
    http://eard-zth.blogspot.com

    BalasHapus
  6. Trima Kasih, lumayan buat ngerapihin tampilan blog

    BalasHapus
  7. terima kasih atas tutorialnya gan :)

    BalasHapus

Blog ini terbebas dari yang namanya CAPTHA. Jadi berkomentarlah dengan baik dan gunakan kata-kata yang sopan. Jangan SPAM, SARA, ataupun PORN.