Tuesday, December 9, 2014

Tips Membuat Arsip Gaya Scroll di Blog

Membuat scroll pada arsip blog, akan membuat panjang sidebar ke bawah tetap. Artinya blog sahabat akan tetap terlihat rapi walau pada bulan tertentu banyak posting yang di publikasikan. Nah liat dulu screenshot di bawah ini, jika berminat langsung sja simak seksama tutorialnya..!! Screenshot

 
Langkah Pemasangan.

A.      Memasang Widget Archive Blog
1.    Login blog pastinya/masuk ke dasbor blog
2.    Pada menu Tata Letak klik Tambah/Add Gadget
3.    Kemudian cari widget Archive Blog dan klik
4.    Setelah itu akan muncul box pengaturan widget, pilih sesuai slera
5.    Klik Save
Setelah Pemasangan widget selesai simak kembali langkah lanjutanya…!!
B.       Memasang Secroll Archive Blog
1.    Masuk ke menu Template/Rancangan
2.    Pilih box Edit HTML
3.    Contreng Expand Template Widget jika ada
4.    Cari kode berikut <div id='ArchiveList'> Gunakan CTRL+F untuk mempercepat pencarian
 Jika sudah ketemu copas kode di bawah tepat di atas kode <div id='ArchiveList'>
        Maka hasilnya seperti kode 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></div>
<b:include name='quickedit'/>
</div>
</b:includable></b:includable>

5. Jangan Lupa Tambahkan </div> sebelum <b:include name='quickedit'/>
6.    Kode warna Biru dan Merah adalah kode yang ditambahkan kedalam script tersebut, 200 adalah tingginya, namun bisa di rubah seseuai selera.
7.    Klik Save dan pertinjau hasilnya..!!
Nah itu Saja Sob sekilas trik membuat Blog Archive Scroll. Semoga Bermanfaat.

No comments:

Post a Comment

Official Virgozta