Membuat Fungsi Scroll Pada Blog Archive

Memberi funsi scroll pada Blog Archive tentu akan sedikit menghemat tempat bagi blog yang memiliki banyak posting. Dengan cara ini juga dapat memanfaatkan Blog Archive sebagai daftar isi. Oke langsung saja kita bahas Step.By.Step :

1. Log in ke blog anda
2. Pilih Design/Rancangan > Tambah Gadget Blog Archive terlebih dahulu
3. Save Templates lalu masuk ke bagian Edit HTML
4. Beri tanda centang Expand Widget Templates
5. Sekarang cari judul Blog Archive anda
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
  <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>
6. Perhatikan kode berwarna merah di atas, ganti kode tersebut dengan
<div class='widget-content' style='overflow:auto; height:200px;'>
Keterangan : Kode merah di atas berarti tinggi widget, dapat anda ganti sesuai keinginan anda

7. Save Templates dan lihat hasilnya

Selamat Mencoba

3 komentar:

Anonymous, 29 August 2010 at 21:09 | [Reply]

wah... saya kok gak bisa nih...

Dimas Abi Galoga, 29 August 2010 at 22:27 | [Reply]

@Muhammad Faishal coba periksa baik2. mungkin ada kesalahan, sya sudah mencoba sendiri dan berhasil

Luciffer2012, 12 December 2010 at 01:19 | [Reply]

siipp boss..
thankss...

Post a Comment

Kotak Komentar Klasik Klik Di sini

« Prev Next » Home