Membuat Arsip blog dengan fungsi scroll


Membuat Arsip blog dengan fungsi scroll
Pada postingan yang kesekian kalinya Galery Catatan akan membahas sesuatu tentang cara Membuat Arsip blog denganfungsi scroll setelah pada postingan sebelumnya membahas Membuat WidgetPopular Post Bergerak.

Nih contoh gambarnya seperti yang ada di blog Galery Catatan :


Ok to the point aja !!! langsung aja para sahabat ikuti langkah2nya dibawah ini jika ingin membuat arsip seperti gambar diatas!!!!
  • Login terlebih dahulu mengunakan akun bloger
  • Buatlah Arsip blog dengan menambah Gadget pada sidebar, beri nama dengan "Arsip"  ( bisa diganti sesuai keingian )  pilih gaya hierarki
  • Simpan/save. sampai disini anda telah membuat Arsip ( tanpa fungsi scroll ).
  • Utuk menambahkan fungsi scroll pada Arsip Sekarang tuju Tata letak -- -->>Edit HTML.
  • Beri tanda centang pada Expand Template Widgets.
  • Cari Arsip yang sudah di buat tadi, dengan CTRL+F dan ketikkan kata “Arsip”, ( biasanya di pojok kanan bawah ). akan muncul kode hatml seperti di bawah ini:
<b:widget id='BlogArchive2' locked='false' title='Arsip' type='BlogArchive'>
<b:includable id='main'>
<b:if cond='data:title'>
<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>
  •  Perhatikan Text yang berwarna merah di atas, kode itulah yang harus disisipkan kedalam arsip yang telah dibuat, sedangkan Text yang berwarna biru pada height:200px; adalah ukuran tinggi pada fungsi scroll ( ganti angka 200 sesuai dengan keinginan )
  • Simpan template dan lihatlah hasilnya

Sekian dulu postingan dari kami Galery catatan!! Semoga apa yang semua kami tulis di blog ini dapat menambah pengetahuan sahabat semua!!!!!

16 komentar:

  1. Balasan
    1. Ok agan azwar!!!!!!! terimakasih atas kunjungannya gan!!!!!!

      Hapus
  2. ok sip gan atas infonya
    www.sinalnews.blogspot.com

    BalasHapus
  3. Waaaahh bgus ne bwt blog aneh yg amburadul. #hehe.
    Sambil ngopi lansung prakte'in. Xixixi.

    #salam blogger

    BalasHapus
  4. Ijin coba sob,
    Thank's ya :D

    http://riev-bapo.blogspot.com

    BalasHapus
    Balasan
    1. Ok gan silahkan !!!!!!!! terimakasih atas kunjungannya...!!!!!

      Hapus
  5. nambah satu lagi ilmu saya, makasih, BTW followed ;)

    BalasHapus
  6. Anonim6/2/13

    Thx info nya mas bro ...
    Blogwalking bro . Thx

    BalasHapus
  7. mantep ni mas, izin di coba di blog saya pengetahuanblogging.blogspot.com , masih blog walking mas :)

    BalasHapus
  8. mantab gan, ane coba dulu ye,, salam blogger

    BalasHapus
  9. kalo arsipnya dibuat kayak mas gini gimana ya?? pas ditunjuk pake cursor langsung kebawah gitu mohon bimbingannya, blogger amatir baru belajar
    buat lihat blog saya silahakan : playeroflostsaga.blogspot.com

    BalasHapus
    Balasan
    1. maksudnya gmana gan??? cz kurang jelas maksudnya yang langsung ke bawah itu apanya??????

      Hapus

Semoga artikel ini bermanfaat bagi para saahabat semua. Kami berharap anda dapat memberikan komentar, namun tolong agar menggunakan bahasa yang etis. terima kasih!!!