Cara Membuat Scroll Pada Arsip Blog

                                  Cara Membuat Scroll Pada Arsip Blog
                                                           


Arsip blog bawaan template, bila artikel postingan cukup banyak, maka akan terlihat memanjang ke bawah dan menyita ruang yang tersedia. Bila arsip blog terpasang dalam scroll akan terlihat lebih rapih dan tidak menyita ruang karena ruang di blog yang sangat terbatas. Bagi yang baru memiliki blog bisa terus belajar, dan bila mau belajar pasti bisa, sama dalam membuat scroll arsip ini. Dalam pembuatan ini butuh kehati-hatian karena menyentuh pada kode HTML atau melalui edit HTML. Bagi blogger senior tak masalah, namun bagi yang baru atau pemula memang kadang takut kalau salah. Kita membutuhkan keberanian dalam mengedit HTML, karena  suatu saat pemilik blog pasti akan membutuhkan edit template. Anda bisa melihat pada blog saya ini semula arsip memanjang ke bawah lalu, saya usahakan supaya masuk dalam srcoll arsip supaya rapih.

Cara membuatnya mudah ikuti petunjuk di bawah ini :
1. Masuk ke dasbor blog Anda.
2. Klik Template.
3. Klik Edit HTML.
4. Cari kode " <div id='ArchiveList'> " .
5. Kemudian  copy dan pastekan kode berwarna Merah di bawah ini,

    tepat diatas kode " <div id='ArchiveList'> "
6. Sehingga posisinya menjadi seperti di bawah ini:

<div style='overflow:auto; width:ancho; height:200px;'>
<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>
<b:include name='quickedit'/>
</div>

</div>
</b:includable>

7. Tutup dengan kode </div> seperti contoh yang berwarna merah.

      kode height : 200 px bisa diganti sesuai kebutuhan Anda.


Sumber referensi : http://tamboenman.blogspot.com/


Silahkan Tinggalkan Komentar Anda :