30 October, 2009

Membuat Arsip Blog Fungsi Scroll

Pada suatu hari aku bosan dengan tampilan blog ku yang gitulah. Lalu aku browsing di internet aku menemukan caara agar arsip blog tidak panjang. Nah ini dia caranya :

Membuat Arsip Blog Fungsi Scroll

Langkah Pertama :

1. Masuk ke blogger

2. Klik Tata Letak

3. Klik Elemen Halaman

4. Tambahkan sebuah elemen halaman=> Tambah elemen Arsip Blog

5. Tapi kawan harus pilih gaya Hierark

Langkah kedua :

Itu belum berfungsi scroll, untuk membuatnya memiliki fungsi scroll ikuti langkah-langkahnya lagi !
1. Setelah itu, klik Edit Html

2. Beri tanda centang pada tulisan Expand Widget Template, jangan lupa backup dulu template anda

3. Kawan cari kode seperti ini

<div class='widget-content'>
<div id='ArchiveList'>

maka dibawah kode tersebut akan ada kode seperti ini :

<div class='widget-content'>
<div style='overflow:auto; width:ancho; height:100px;'>
<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>

Kode warna merah dan biru adalah kode yang ditambahkan kedalam script tersebut.
Kode warna biru yang dicetak tebal adalah tinggi dari elemen tadi, silahkan diganti sesuai dengan keinginan.

4. Selanjutnya -> Klik Simpan
5. Selamat mencoba & sukses selalu

sumber : http://www.e-handbook.web.id/2009/05/membuat-arsip-blog-model-scroll.html