Cara Membuat Scroll Pada Arsip Blog - Yang Jebreet!

Cara membuat scroll pada arsip blog berikut ini pastinya cara yang paling mudah sekali, lho! Bahkan anak TK pun dijamin bisa melakukannya. Hehe :) segitunya kaleee.. (meniru hiperbolis sales letter jual ebook cepat kaya ya?)

Ya sudahlah, mari kita kembali ke tengtop (eh, laptop). Cara membuat scroll pada arsip blog memang banyak yang mencari, termasuk saya, heuheu..! Tentunya cara yang mudah ya! Penampilan arsip blog berupa scroll ini memang bisa membuat blog terlihat rapi. Bayangkan saja, bagaimana jika post dalam sebulan bisa mencapai ratusan post, tentunya daftar arsip akan panjang dan tidak enak dilihat.

Tentunya akan lebih enak dipandang jika tampilannya seperti berikut:

Cara Membuat Scroll Pada Arsip Blog

Nah, bagaimana cara membuatnya? Mudah jeng, mri ikuti langkahnya berikut ya!

Seperti biasa, setelah login ke dashboard blogger Agan, kemudian pilih template, lalu klik edit HTML, selanjutnya...
1. cari kode <div id='ArchiveList'> , gunakan ctrl+ F untuk menemukan kode tersebut.
2. Simpan kode ini <div style='overflow:auto; width:ancho; height:200px;'> di atas kode <div id='ArchiveList'>
3. Beri kode penutup </div> yang disimpan di atas kode <b:include name='quickedit'/>

Jika agan masih bingung, agan bisa lihat hasil akhir keseluruhannya penambahan kode seperti berikut.

<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<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>

Oke semoga bermanfaat ya post mengenai cara membuat scroll pada arsip blog.

Share on Facebook
Share on Twitter
Share on Google+
Tags :

Related : Cara Membuat Scroll Pada Arsip Blog - Yang Jebreet!

2 comments:

  1. Wah bikin blog tutorial juga yah gan :) . . . boleh juga nih kalau saya sedang butuh pelajaran bisa berkunjung kesini.

    BalasHapus
  2. hehe.. ceritanya sy lgi so tahu nih gan

    BalasHapus