Berikan Hal Yang Telah Anda Dapat Kepada Orang Lain.

Sabtu, 09 Februari 2013

Cara Membuat Scroll Pada Arsip Blog





Langkah ini hanya untuk memudahkan pembaca yang akan mencari artikel.
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 scollnya

Lengkapnya 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.

Tulisan Yang Berwarna Ungu adalah yang ditambahkan
Jadi tulisan:

<div style='overflow:auto; width:ancho; height:220px;'>
Ditambahkan diatas :  
<div id='ArchiveList'>


Mungkin saja diblog anda kodenya berbeda,  Oleh karena itu carilah yang mirip dan perlu dicoba, terus jangan lupa templatenya dibackup dulu.ya

Kalau sudah jangan lupa
save template .

Sumber : http://unknown-mboh.blogspot.com/2012/07/cara-membuat-scroll-pada-arsip-blog.html#ixzz2KTftgih6

Tidak ada komentar:

Posting Komentar

slide to unlock

sertakan Sumbernya bila anda mau mengcopy paste artikel ini. iPhone Style, slide to unlock dengan jquery dan CSS3 http://djogzs.blogspot.com/#ixzz2cCrWzdJR Under Creative Commons License: Attribution