Home » » Cara Membuat Scroll Pada Archive Blog

Cara Membuat Scroll Pada Archive Blog

Mungkin sobat merasa risih dengan arsip blog yang terlalu panjang sehingga memakan banyak tempat pada sidebar blog dan juga merasa kalau tampilan tersebut terkesan kurang rapi...
Oke pada kesempatan kali ini saya akan menjelaskan bagaimana cara membuat Scroll pada Arsip BLOG, seperti tertera pada gambar, sehingga akan berkesan Lumayan rapi, yang harus dilakukan adalah:


1. Login ke Acount Blogger atau Dashboard
2. Klik Layout  Edit HTML   centang Expand Template Widget
3. Centang dulu  Expand Widget Templates
4. cari kode seperti  ini: <div id='ArchiveList'>
5. Kalau sudah ketemu, Copy dan Paste-kan Script/Code dibawah ini, di atas Code tadi.


<div style='overflow:auto; width:ancho; height:220px;'>
Sehingga Tamapak Semuanya tampak seperti Code Script Di Baah ini:

<h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
<div style='overflow:auto; width:ancho; height:220px;'>
  <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>

Untuk pengaturan tingginya bisa anda lihat di angka "220px" sesuaikan dengan keinginan anda

6. Simpan dan lihat hasilnya

Selamat Mencoba...!!!




Share this article :

2 komentar:

Kepada Kawan - Kawan Semua, Berkomentarlah dengan baik dan sopan.
Jika ada Embel - Embel Link mohon maaf, komentar akan saya hapus.


 
Support : Your Link | Your Link | Your Link
Copyright © 2013. Net- Blog ™ - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger