Monday 24 October 2011

3 Cara membuat scroll pada archive blog

No comments
1 :
Cara membuat scroll pada widget-widget tersebut adalah sbb
1. Log in keblogger
2. Masuk ke Rancangan
3. Edit HTML (centang kotak expand widget template)
4. Misalkan kita akan memberi fungsi scroll pada archive blog, maka sobat cari kode seperti dibawah ini
<b:widget id='BlogArchive1' locked='false' title='Arsip Blog' type='BlogArchive'>
Cari yang mirip dengan kode diatas
5. Setelah ketemu sobat pasang kode dibawah ini tepat diatas kode ]]></b:skin>
#BlogArchive1 .widget-content{
height:200px;
width:auto;
overflow:auto;
}
5. Simpan template dan silahkan sobat lihat hasilnya

Catatan : height:200px; adalah untuk tingginya, jadi silahkan sobat sesuaikan sendiri sesuai dengan kebutuhan
sumber berasal dari : http://azrut91.blogspot.com/2010/12/cara-membuat-scroll-pada-archive-blog.html

2 :
Dari halaman dasbor, klik Tata Letak - Edit HTML.
Beri tanda centrang pada Expand Template Widget.
Kemudian cari kode type='BlogArchive' (gunakan Control F atau F3).
Perhatikan kode yang ada di bawahnya, seperti ini:
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if> 
<div class='widget-content'>
<div id='ArchiveList'>
Tambahkan perintah style='overflow:auto; height:200px' pada kode yang berwarna biru, sehingga menjadi seperti ini:
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if> 
<div class='widget-content' style='overflow:auto; height:200px'>
<div id='ArchiveList'>
Atur ukuran tinggi (height)-nya sesuai kebutuhan.
sumber berasal dari : http://ruangsc.blogspot.com/2010/03/cara-membuat-scroll-pada-blog-archive.html

3 :

  1. Masuk dulu ke Acount Blogger atau Dashboard
  2. Pilih Layout , lalu klik Edit HTML
  3. Centang dulu  Expand Widget Templates
  4. Cari kode yang seperti ini : <div id='ArchiveList'>  atau kata Archive.
  5. Untuk memudahkan mencarinya , pakai saja Ctrl +F , terus ketik kata yang dicari dikotak yang disediakan, lalu klik next. 
  6. Kalau sudah,  tambahkan kode warna merah itu sebagai scollnya
  7. 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>
  8. Angka 200px adalah tinggi kotak scroll itu, silahkan disesuaikan.
  9. Mungkin saja diblog sobat kodenya beda,,  Oleh karena itu carilah yang mirip dan perlu dicoba, terus jangan lupa templatenya dibackup dulu.
  10. Kalau sudah jangan lupa save template .
  11. Selesai.
    sumber berasal dari : http://saungweb.blogspot.com/2010/02/membuat-scroll-pada-archive-blog.html

CONTOHNYA SEPERTI DI BAWAH INI :



No comments :

Post a Comment