Sabtu, 02 Juli 2011

Membuat Fungsi Scroll Pada Archive Blog

Salah satu cara agar blog tidak terlalu memanjang kebawah (biasanya disebabkan oleh banyaknya arsip pada blog kita) yaitu dengan memasang fungsi scroll pada arsip blog kita. Kejadian ini tidak efektif alias mengganggu (itu kalau menurut saya, tidak tahu kalau yang lain) karena blog akan terlihat sangat panjang bahkan melebihi jumlah postingan yang ditampilkan.

Bagi kamu yang cukup tertarik untuk memasang fungsi scroll ini caranya cukup mudah, silahkan ikuti langkah-langkah berikut :

Langkah pertama yang harus kamu lakukan adalah mengatur arsip blog;
1. Masuk ke Dasbor
2. Klik Layout atau Tata Letak
3. Klik Edit Laman, kalau yang telah mempunyai arsip blog tinggal memastikan pengaturannya dengan Gaya Hierarki. Namun bagi yang belum punya, Klik Tambah Gadget lalu pilih menu Arsip Blog denga jenis pengaturan yang sama menggunakan Gaya Hierarki.
undefined


Langkah selanjutnya, klik Edit HTML --> centang Expand Widget Template, kemudian cari kode berikut ini :
<b:widget id='BlogArchive2' locked='false' title='Arsip Blog' type='BlogArchive'> kalau kode ini tidak ditemukan coba dengan kode ini<b:widget id='BlogArchive1' locked='false' title='Blog Archives' type='BlogArchive'> atau kode yang mirip.

Kode lengkapnya adalah seperti ini :
<b:widget id='BlogArchive2' locked='false' title='Arsip Blog' type='BlogArchive'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div style='overflow:auto; 
width:220px; height:250px;'>
<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'/>
</div>
</b:includable>
<b:includable id='flat' var='data'>
<ul>
<b:loop values='data:data' var='i'>
<li class='archivedate'>

 Keterangan : Kode yang berwarna 
hijau dan merah adalah kode yang ditambahkan, sedangkah kode yang berwarna hijau tebal adalah lebar dan tinggi scroll arsip anda.. sesuaikan denga lebar blog anda.

Lalu klik Simpan.

Tidak ada komentar:

Poskan Komentar