Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Membuat Daftar Isi Sitemap Blog Otomatis


Cara Membuat Daftar Isi/Sitemap Blog Otomatis  -  Membuat Daftar Isi atau Sitemap di blogspot sangat diperlukan untuk memudahkan pengunjung blog kita mengetahui “menu” atau artikel apa saja yang ada di blog kita. Makanya saya sengaja meniadakan widget label dan archieve karena menurut saya sudah terwakili dengan keberadaan daftar isi. Cara membuat daftar isi/sitemap yang mau saya share disini ada 2 macam. Yang pertama adalah daftar isi blog seperti yang saya pakai saat ini, dan yang kedua contoh gambarnya seperti tampilan dibawah ini. Daftar Isi Blog yang kedua ini juga memiliki kelebihan yaitu bisa menampilkan tulisan New..!! untuk menandai artikel yang terbaru. Kedua script pembuatan sitemap/ daftar isi secara otomatis ini saya ambil dari script kepunyaan Mas Farhan (www.abufarhan.com).


Berikut ini cara membuat daftar isi/sitemap di blog secara otomatis :
1.       Login ke akun blogger anda.
2.       Pilih Entri Baru (New Post) > Edit HTML.
3.       Copy salah script sitemap yang mau dipakai dibawah ini dan paste pada area posting.
Script 1 :
<script src="http://jarlok.com/Script/Sitemap.js">
</script> <script src="http://nama-blog-anda.blogspot.com/feeds/posts/default?max-results=500&amp;alt=json-in-script&amp;callback=loadtoc">
</script>
Script 2 :
<link href="http://abu-farhan.com/script/acctoc/acc-toc.css" media="screen" rel="stylesheet" type="text/css"></link>
<script src="http://abu-farhan.com/script/acctoc/daftarisiv2-pack.js"></script>
<script src="http://nama-blog-anda.blogspot.com/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc"></script>
<script type="text/javascript">
var accToc=true;
</script>
<script src="http://abu-farhan.com/script/acctoc/accordion-pack.js" type="text/javascript"></script>
4.       Klik Terbitkan Entri dan lihat hasilnya.

Jika sobat ingin memasukkan Daftar Isi / Sitemap ini pada menu navbar, tinggal dicopy saja link url sitemapnya. Cara mengedit/menambahkan menu pada template sudah dibahas pada posting sebelumnya jadi silahkan dibaca saja. Sekian dulu tips cara membuat daftar isi atau sitemap di blogspot ini, semoga bermanfaat.


46 komentar untuk "Cara Membuat Daftar Isi Sitemap Blog Otomatis"

  1. Terima kasih infonya mas
    Memang bagus kalau blog memiliki daftar isi

    BalasHapus
  2. wah, keren bgt, sayang kalo ga dicoba.. trims artikelnya

    BalasHapus
  3. @blogdhika.com
    @xamthone plus

    Dicoba aja sob, kayaknya di blogdhika juga belum ada sitemapnya ya :D

    BalasHapus
  4. @Clommot

    :)) weleh..weleh..si Clommot memang punya jiwa blogger nih ! Udah dikasih rambu2 spy jangan menyertakan link/anchor text di komennya eh masih nabrak juga ckk..x( Btw nggapapa deh dispensasi buat Clommot dan untuk permintaannya akan saya usahakan, meskipun sebenarnya rada2 malas ngangkat topik masalah SEO karena banyak blogger yang menganggap topik ini terlalu "berat" dan sulit dipahami. Btw I will do my best for you.. ;)

    BalasHapus
  5. Script yang ke-dua lebih elegan, saya suka! :)
    Makasih banyak atas ilmunya, Kang.

    Salam kenal & salam sehat selalu... :)

    BalasHapus
  6. Kalau tulisan "New" nya dihilangkan bagaimana caranya??

    BalasHapus
  7. akhirnya dapat juga neh tutorial, thanks you

    BalasHapus
  8. Wah, infonya bagus nih mas... jadi bertamah ilmu blogging saya

    BalasHapus
  9. terima kasih cara2nya, sdh saya aplikasikan di blog. mantap!

    BalasHapus
  10. Oiya... Tuh berlaku buat all template khan???

    BalasHapus
  11. saya sudah mencoba tapi.. berasil si cuma yang terbuka 1 tag doang.. saya pakai script yang no 2 itu.. buatan abu farhan

    BalasHapus
  12. Mau nanya ni gan.. sebenarnya apa ada bedanya ke 2 script di atas??

    BalasHapus
  13. thanks yo gan ..


    http://admin.kelaspojok.org/

    BalasHapus
  14. . makasih infonya gan

    neh link blog ane

    http://blognya-reggy.blogspot.com

    BalasHapus
  15. Masih bingung nie
    ajarin donk

    BalasHapus
  16. kalau mau dibikin model scroll gimana kang?

    BalasHapus
  17. kalau mau bikin model scrol gimana kang?

    BalasHapus
  18. Keren infonya...

    Visit back yupp..

    http://www.sumber-berita.com/

    BalasHapus
  19. Thanks bro, will give it a try first...
    Please visit back...

    BalasHapus
  20. izin di praktikkan langsung mas, kita mau buat biar postingn kita nampak yg dulu2...

    BalasHapus
  21. makasih gan mantap, ane bikin juga, di http://poems-djielz.blogspot.com

    BalasHapus
  22. mantap langsung ane coba dan berhasil :D
    thanks gan

    BalasHapus
  23. http://www.saveny.co.cc/
    thx mang buat infonya yaa..... :)]

    BalasHapus
  24. wah sangt membantu sekali..mampir gan http://dhe2-komputer.blogspot.com/
    kebetulan saya baru bikin blog masih perlu bimbingan kritik dan saran.

    BalasHapus
  25. Asli Kalo dibikin di menu navbar masih bingung neh mas ~x( hehe coba uplak-uplek lagi deh makasih mas

    BalasHapus
  26. Kang Bayan sudah, pasang sitemap di blognya,trimakasih, mohon cara untuk menyebunyikannya sebagian untuk menghemat tempat dan gimana caranya kalau dibuat pada halaman tersendiri ? di tunggu jawabannya, Tq

    BalasHapus
  27. Sip deh.. Makasih ijin copy scriptnya...

    BalasHapus
  28. mas contoh yang ke 2 kok gak bisa ya?

    BalasHapus
  29. ok gan.. tutorial yang bermanfaat .. :D

    BalasHapus
  30. Terima kasih sobat, sudah saya pasang dan baguslah.

    BalasHapus
  31. thanks sob, infonya...
    tukeran link yuk, http://restushare.blogspot.com/

    BalasHapus
  32. Terimakasih banyak atas tutorialnya Admin, saya merasa sangat terbantu sekali dengan tutorial yang admin paparkan dengan sangat lengkap sekali.

    BalasHapus
  33. salah satu maksudnya itu y bos? pnya saya cm pendek tuh...
    :D

    BalasHapus
  34. thanks a lot gan,,, nice info for me,,,,

    BalasHapus
  35. Terima kasih atas informasinya Gan, cara membuat daftar isi sitemap blog ini akan diterapkan pada blog baru saya. Salam sukses.

    BalasHapus
  36. Yups mas bro segera dicoba tutorialnya

    BalasHapus
  37. Sips kang.... bisa dicoba nech....
    Mampir juga diblog ana ya...
    Blog Kangmis

    BalasHapus