Home » » Cara membuat Scroll ke bawah pada Blog

Cara membuat Scroll ke bawah pada Blog

Written By Unknown on Thursday 18 July 2013 | Thursday, July 18, 2013

Cara Membuat Scroll Pada Archive Blog ,
scroll pada Archive Blog digunakan untuk memperpendek daftar Postingan kita.
Untuk  jelasnya langsung saja langkahnya seperti ini :
    • Masuk dulu ke Acount Blogger atau Dashboard
    • Pilih Layout , lalu klik Edit HTML
    • Centang dulu  Expand Widget Templates
    • 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. 
    • 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: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>

Angka 200px adalah tinggi kotak scroll itu, silahkan disesuaikan.semakin besar angkanya,semakin tinggi pula Scrollingnya
Mungkin saja diblog sobat kodenya beda,,  Oleh karena itu carilah yang mirip dan perlu dicoba, terus jangan lupa templatenya dibackup dulu.
Kalau sudah jangan lupa save template .
Selesai. 
 
 Hasil Scrollnya kurang lebih seperti gambar ini :
tampak yang diberi kotak merah itu adalah scrollingnya.


 
Share this article :

0 comments:


Visitor Statistic

Followers

Popular Posts

 
Peringatan. Hak Cipta dilindungi undang-undang, jika agan mau bajak isi blog ini.jangan terang-terangan bajaknya yaa gan...