Posted by Aak
Aak-share.com Updated at: 1:55:00 AM

Cara Mudah Membuat Scroll Arcive Blog

No comments:
Hallo Sobat kembali lagi berjumpa di tutorial aak, kali ini saya akan mengulas cara mudah membuat scroll arcive Blog di Blogger. Arcive Blog atau disebut dengan daftar isi fungsinya untuk memudahkan pembaca menavigasi Blog, dengan demikian semua artikel yang ada di Blog dapat dengan mudah ditemukan oleh para pengunjung.

Dengan memasang Scroll Arcive Blog tampilan akan terlihat lebih dinamis dan rapih karena deretan archive artikel yang panjang dari awal dipublikasikan sampai akhir akan dikemas ke dalam kotak scroll. Untuk memasang Scroll Arcive Blog berikut ini langkah-langkahnya :

Screenshot Scroll Arcive Blog

Cara Mudah Membuat Scroll Arcive Blog :

Langkah 1 : Pertama yang perlu anda lakukan adalah menampilkan Arcive Blog caranya :

1. login ke Blogger
2. Pilih Layout/Tata letak
3. Klik add Gadget
4. kemudian pilih Arcive Blog
5. klik Simpan

Langkah 2 : Editor HTML pada Template caranya :

1. Pilih Template
2. Klik Edit HTML
3. Dengan menggunakan Ctrl+F anda cari kode 'ArchiveList'
4. Jika sudah ketemu anda copy kode dibawah ini dan pastekan diatasnya

<div style='overflow:auto; width:ancho; height:300px;'>

5. Kemudian anda scroll sedikit kebawah lihat kode <b:include name='quickedit'/>, dan tambahkan kode </div> diatasnya

Maka hasilnya akan seperti berikut :

<div style='overflow:auto; width:ancho; height:300px;'>
  <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'/>

Note :
height:300px; adalah pengaturan tinggi widget

6. Simpan template dan anda lihat hasilnya pada sidebar

Demikian Cara Mudah Membuat Scroll Arcive Blog, semoga bermanfaat!
Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai

No comments