Cara Membuat Arsip/ Archive Blog Dengan Scroll

Cara Membuat Arsip Blog Dengan Scroll. Sobat blogger,Arsip blog atau Archive blog adalah sebuah daftar urutan artikel yang di urutkan sesuai tanggal bulan dan tahun, biasanya arsip blog atau archive blog ini di letakan di sidebar pada sebuah blog, arsip blog ini menurut saya sangat berguna sekali jika di pasang pada sebuah blog,karena dengan widget arsip ini bisa dengan mudah menemukan artikel-artikel anda hanya dengan melihat halaman arsip.

Cara Membuat Arsip/ Archive Blog Dengan Scroll

Selain itu halaman arsip juga sangat simple dan mudah juga untuk di terpakan bisa di bilang arsip atau archive blog ini adalah sebuah sitemap,karean di widget arsip ini di tunjukan semua arikel di blog anda,namun kadang karena halaman arsip ini bisa mengganggu di karenakan jika banyaknya artikel yang di buat maka akan semakin melebar ke bawah, maka untuk itu saya disini akan membuat widget arsip anda bisa di buat simple, yaitu dengan menambahkan scroll pada daftar artikelnya.

Baca juga : Cara membuat daftar isi/ sitemap dengan scroll

Menambahkan scroll pada halaman arsip bisa anda sesuaikan tinggi untuk menyesuaikan dengan sidebar anda dan tentu tidak memakan banyak ruangan di sidebar.

Cara Membuat Arsip Blog/ Archive Blog Dengan Scroll 

1. Pastikan anda sudah menambahkan arsip blog ke widget blog anda.
2. Sekarang buka akun blogger anda.
3. Pilih menu template > Klik Edit Html 
4. Lalu silahkan anda cari kode 'ArchiveList'
5. Jika sudah ketemu lalu letakan kode kode di bawah ini tepat di atas kode 'ArchiveList'  

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

6. Lalu anda geser ke bawah sedikit, maka anda akan melihat kode seperti ini <b:include name='quickedit'/> dan tambahka kode </div> di atasnya Atau lebih jelasnya seperti di bawah ini.

<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'/>  </div>
</b:includable>

Catatan : 300px adalah tinggi arsip dan silahkan sesuaikan sesuka anda.

Jika sudah silahkan save template anda dan lihat hasilnya, oke sobat saya rasa sudah cukup,untuk lebih dan kurangnya saya mohon maaf  :) salam sukses.


39 Responses to "Cara Membuat Arsip/ Archive Blog Dengan Scroll"

  1. Ini juga keren..pake scroll lebih menghemat space blog...makasih infonya ok


    salam admin satriyoku.blog

    BalasHapus
    Balasan
    1. ane praktekin dulu gan biar blog ane semakin rapih http://blogvideos7.blogspot.co.id/

      Hapus
  2. Terimakasih ya agan, nice..

    BalasHapus
  3. Ok gan sip. Terimakasih informasinya :)
    http://kedaiacemaxs.com/pengobatan-herbal-penyakit-sinusitis/

    BalasHapus
  4. kog gaK ketemu 'ArchiveList nya, dimana yaw

    BalasHapus
  5. Pnetingkah sebuah arsip blog kalau sudah punya sitemap, jika dilihat dari seo?

    BalasHapus
  6. Terima kasih tutorialnya berhasil di pasang di blog ku Grup Oprek Android Terbaik

    BalasHapus
  7. Setelah cari-cari akhirnya ketemu di sini. Terima kasih tutorialnya ini memang yang ku butuhkan untuk blog ku yang fantastis. hahaha

    BalasHapus
  8. thank's gan infonya
    kunjung balik ya
    http://myinggrisku.blogspot.com/

    BalasHapus
  9. Kak, maaf widget arsip blog itu kan kalau kita klik edit, tidak muncul kode html-nya...jadi gimana ya?
    Bisa dilihat di sini...
    ketikajadiblogger.blogspot.com

    BalasHapus
  10. makasih gan..... sukses di blog maszal adventure jangan lupa mampir ya

    BalasHapus
  11. mantap infonya mas
    tampilan arsip jadi lebih enak dilihat

    http://tustay.blogspot.co.id/

    BalasHapus
  12. Terima kasih..sudah saya guna pada blog :)

    BalasHapus
  13. Makasih. Sangat membantu artikelnya.

    BalasHapus
  14. keren banget,, tks info nya gan

    BalasHapus
  15. thank ... atas info nya bermanfaat sekali

    BalasHapus
  16. thank ... atas info nya bermanfaat sekali

    BalasHapus
  17. makasih gan akhir nya bisa juga pasang scrool di arsip blog saya, jadi terlihat rapi

    BalasHapus
  18. wiih berhasih, ayee makasih yaaa gan
    www.redsun-akuarium.com

    BalasHapus
  19. sukes gan,, thengkyuu
    gan kali mau di satukan label, popular post dan arsip ??? giman caranya ??

    BalasHapus
  20. terima kasih, sangat membantu sekali (y)

    BalasHapus
  21. klik Ctrl+F gan. terus ketik deh tuh 'ArchiveList',, pasti ketemu.. :D Jalan2 ke blog ane juga yah gan ;) Namakumimpi.blogspot.com

    BalasHapus
  22. eh kok masuk sini lagi sih? itu komentar saya buat agan jibun khoir.. :D

    BalasHapus
  23. wah mantap gan, saya sudah berhasil mencobanya, kunjungi kembali blog saya gan di http://www.amazinginformation.xyz/

    BalasHapus
  24. mantap caranya gan, visit yuk www.kediasoft.web.id
    ada banyak info tentang pacaran loh, silakan diliat

    BalasHapus
  25. mantap caranya gan, visit yuk www.kediasoft.web.id
    ada banyak info tentang pacaran loh, silakan diliat

    BalasHapus
  26. Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  27. Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  28. Mantab min
    mampir min biar makin semangat update postingan hehe

    http://www.bacalagi.id/2016/12/kontes-adu-seo-blogger-indonesia-ikatlah-ilmu-dengan-menuliskannya.html

    BalasHapus
  29. thanks gan atas infonya. langsung ane cobain ya.

    http://www.kerenamia.com

    BalasHapus
  30. tutor nya sangat update.. nice ..walking2 ke www.portalunique.cf ya gans sekalian

    BalasHapus
  31. trims buat triknya www.kokifacebook.blogspot.com

    BalasHapus
  32. artikel yang menarik..good job..Tq infonya gan,, ...bagi yg cari souvenir payung promosi hubungi saya ya, jual payung promosi, payung souvenir...sorry gan ane nitip jual paying souvenir-payung promosi ..
    payung promosi | payung souvenir | Pabrik souvenir Payung promosi| Payung Impor

    BalasHapus
  33. artikel yang menarik..good job..Tq infonya gan,, ...bagi yg cari souvenir payung promosi hubungi saya ya, jual payung promosi, payung souvenir...sorry gan ane nitip jual paying souvenir-payung promosi ..
    http://www.payunggift.blogspot.com | http://www.payungsouvenir.blogspot.com
    http://www.payungpromotion.blogspot.com

    BalasHapus
  34. Salam kenal ya SIsta dan AGan yang baik :-)
    Jangan lupa mampir ya ke blog aku ^^

    https://tasyataipanqq.blogspot.com/2017/11/5-mitos-tentang-hewan-berwarna-hitam.html?zx=75263fe9f7804d89

    BalasHapus
  35. Gabung yuk di situs judi kami,

    terpercaya, Domino 99, bandarQ, Hanya di

    CebanQQ, c*m
    Bonus cashback: 0.4%
    Refferal: 20%
    Bagi member baru tingkat kemenangan diatas 78%+

    berdasarkan statistik bosku :)
    tunggu promo menarik dari kami :)

    BalasHapus
  36. Sy praktekin gan kunjung balik ya http://www.mandirikonveksi.com/

    BalasHapus