Membuat Scrool Pada Arsip Blog

Diposting olehviky on Senin, 18 Juli 2011


Sharing Trick Blog kali ini adalah tentang cara membuat Scrool pada widget arsip,hal ini berfungsi mengoptimalkan space yang tersedia di sidebar sehingga kolom arsip tidak terlalu panjang.
Untuk  jelasnya langsung saja langkahnya seperti ini :


1.  Login ke Acount Blogger atau Dashboard
2.  Pilih Layout
3.  Llalu klik Edit HTML
4.  Centang dulu  Expand Widget Templates
5.  Cari kode yang seperti ini : <div id='ArchiveList'>  atau kata Archive.Untuk memudahkan mencarinya , pakai saja Ctrl +F , terus ketik kata yang dicari dikotak yang disediakan, lalu klik next.atau tanda panah(di google chrome).6.  Kalau sudah,  tambahkan kode warna merah itu sebagai scollnyaLengkapnya kode tersebut seperti dibawah 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>


Angka 200px adalah tinggi kotak scroll itu, silahkan disesuaikan.Mungkin saja diblog anda kodenya berbeda,  Oleh karena itu carilah yang mirip dan perlu dicoba, terus jangan lupa templatenya dibackup dulu.yaKalau sudah jangan lupa save template .

{ 0 komentar.. read them below or add one }

Posting Komentar

 

Blog Archive