Ardilas

.com

f g+ t
Home » » Cara Ke-1 Membuat Sitemap / Daftar Isi Otomatis - Blogger

Cara Ke-1 Membuat Sitemap / Daftar Isi Otomatis - Blogger

f g+ t
Publikasikan :
Cara Membuat Sitemap Otomatis - Blogger
Di Blogspot atau Blogger terdapat feed yang bisa digunakan sebagai sitemap ataupun daftar isi. Cara membuat daftar isi atau sitemap tersebut sangat mudah atau gampang, yaitu dengan menempelkan sedikit kode javascript ke halaman (page) ataupun postingan, dan tentunya dengan memanfaatkan feed atau RSS dari blog yang bersangkutan.

(Jika gagal kita bisa gunakan cara ke-2 dalam membuat daftar isi / sitemap Blogger atau cara ke-3 membuat sitemap)

Pembuatan sitemap atau daftar isi secara otomatis pada artikel ini ditujukan untuk pengunjung blog kita, bukan untuk robot Google. Platform blog yang dimaksud di sini adalah Blogger bukan Wordpress, Tumblr, dan platform blog lainnya. Blogger memberikan fasilitas untuk membuat sitemap dengan begitu mudah dan secara otomatis.

Cara Membuat Sitemap Otomatis - Blogger
Gambar 1. Laman Sitemap

Berikut cara membuat sitemap / daftar isi otomatis di Blogger :
  1. Masuk ke akun blogger
  2. Pilih menu 'Laman'
  3. Buat laman baru (Klik tombol 'Laman baru' > 'Laman kosong')
  4. Pilih mode 'HTML'
  5. Beri judul Daftar Isi atau Sitemap (judul terserah anda)
  6. Masukkan kode utama sebagai berikut

    <script style="text/javascript" src="https://cdn.rawgit.com/D-dig/js/gh-pages/sitemap1.js"></script><script src="http://ardilas.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>

  7. Ganti kode 'ardilas.com' di atas dengan alamat blog anda
  8. Publikasikan

Daftar Isi / Sitemap Ber-scroll


Apabila anda menginginkan daftar isi atau sitemap yang memiliki scroll di samping kanan (gambar 2), anda harus menambahkan sedikit kode di awal dan di akhir (antara kode utama). Jadi jika digabungkan kodenya akan terlihat seperti berikut:

<div style="background-color: #dde1e3; border: 1px solid #999999; height: 100px; overflow: auto; padding: 10px; width: 100%px;">
<script style="text/javascript" src="https://cdn.rawgit.com/D-dig/js/gh-pages/sitemap1.js"></script><script src="http://ardilas.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>
</div>

Nilai '100' pada 'height' bisa dirubah sesuai dari panjang daftar isi yang diinginkan. Jangan lupa ganti kode 'ardilas.com' di atas dengan alamat blog anda.

Cara Membuat Sitemap Otomatis dengan scroll - Blogger
Gambar 2. Sitemap dengan scroll

Informasi terkait
  1. Cara ke-2 membuat sitemap
  2. Cara ke-3 membuat sitemap
Terima kasih telah berkunjung di Ardilas, tepatnya di artikel tentang Cara Ke-1 Membuat Sitemap / Daftar Isi Otomatis - Blogger. Jika anda mempunyai permintaan, saran dan kritik silahkan berkomentar.

63 comments:

  1. MASTERNET - MASTER PULSAAugust 23, 2013 at 5:13 AM

    blog yg bagus serta postingan yg bermanfaat, keep writing gan! :)

    ReplyDelete
  2. herbalsehatOctober 16, 2013 at 9:21 AM

    saya coba tetapi nggak muncul gan

    ReplyDelete
  3. ArdilasOctober 17, 2013 at 5:49 PM

    Saya juga masih pakai di blog lain, dan muncul kok Mas. Boleh tau kodenya seperti apa?

    ReplyDelete
  4. suro-bajulOctober 23, 2013 at 9:15 AM

    sebenarnya saya kesini lagi nyari sitemap untuk bot google, tapi nggak apa2 lah sekalian berkenalan sama sang admin.

    salam kenal ya, mas ardilas.

    ReplyDelete
  5. ArdilasOctober 26, 2013 at 1:33 PM

    suro-bajul, :) salam kenal juga.

    ReplyDelete
  6. Albeit SuryansyahNovember 7, 2013 at 10:32 PM

    Izin lapor,sudah bisa gan

    ReplyDelete
  7. ArdilasNovember 8, 2013 at 8:53 PM

    Albeit Suryansyah, sukses Mas. Terima kasih informasi keberhasilannya.

    ReplyDelete
  8. ArisNovember 9, 2013 at 11:45 AM

    Terimakasih, saya sudah terapkan di blog saya dan sukses.

    ReplyDelete
  9. UnknownNovember 13, 2013 at 7:59 AM

    Thanks gan..........

    ReplyDelete
  10. ArdilasNovember 14, 2013 at 2:14 AM

    Aris, terima kasih juga.
    Eko Prayitno, sama-sama.

    ReplyDelete
  11. Andro MagsNovember 21, 2013 at 1:14 PM

    thanks baanget gan, udah digunakan.. he

    ReplyDelete
  12. ArdilasNovember 21, 2013 at 7:55 PM

    Andro Mags, terima kasih kembali.

    ReplyDelete
  13. AnonymousNovember 23, 2013 at 12:28 PM

    waduh gak muncul gan ??? ada yang salah dari blog saya ??

    ReplyDelete
  14. ArdilasNovember 24, 2013 at 5:22 AM

    oka, sudah saya coba Mas, bisa kok.

    ReplyDelete
  15. musicenvNovember 25, 2013 at 7:31 AM

    terima kasih gan atas informasinya...

    ReplyDelete
  16. ArdilasNovember 26, 2013 at 3:01 PM

    Tarmizi Achmad, terima kasih juga telah berkomentar.

    ReplyDelete
  17. Gudang Game ISO PS2 | PS3December 5, 2013 at 10:39 AM

    manthap
    http://duniagame7.blogspot.com/2013/12/naruto-shippuden-ultimate-ninja-storm-3.html

    ReplyDelete
  18. Budi SanjayaDecember 7, 2013 at 9:40 AM

    jika kita ingin menentukan sitemap berdasarkan label tertentu gmana ya bos....

    ReplyDelete
  19. AnonymousDecember 7, 2013 at 1:41 PM

    makasih gan bisa,

    kunjungan balik ane tunggu

    ReplyDelete
  20. sintaDecember 10, 2013 at 10:17 PM

    MALAM,,, MAKASIH

    ReplyDelete
  21. ArdilasDecember 12, 2013 at 1:35 AM

    Budi Sanjaya, kurang tau tapi bisa jika ditempatkan di widget.
    kompi-asik, iya terima kasih.
    sinta, sama-sama.

    ReplyDelete
  22. Adetya PurwaditaDecember 12, 2013 at 5:57 PM

    kalo caranya ngasih scroll gimana gan?

    ReplyDelete
  23. budiDecember 29, 2013 at 9:31 AM

    akhirnya dapat juga, ini sitemap yang ane cari cari gan.

    Makasih berat ya gan.

    ReplyDelete
  24. ArdilasJanuary 1, 2014 at 12:19 AM

    Adetya, sudah saya update, bisa dilihat di atas untuk sitemap berscroll.
    budi, terima kasih kembali.

    ReplyDelete
  25. UnknownJanuary 12, 2014 at 2:09 PM

    sukses mas saya sudah membuatnya :)

    ReplyDelete
  26. AnehymousJanuary 13, 2014 at 2:46 AM

    mantap gan

    ReplyDelete
  27. KeristJanuary 13, 2014 at 4:40 PM

    saia membaut kok ga berhasil ya apa ada yang salah ya gan.,,
    lihat deh blog saya k

    ReplyDelete
  28. evaMarch 27, 2019 at 1:09 AM

    gak berhasil gan

    ReplyDelete
  29. BlogenesiaApril 5, 2019 at 8:23 PM

    wah, terimakasih untuk tutorial cara membuat sitemapnya,gan. Tapi bisa ga ya membuat Sitemap di blog hanya judulnya saja?, sekali lagi terimakasih~

    ReplyDelete
  30. sakoApril 9, 2019 at 12:24 AM

    mantap berhasil

    ReplyDelete
  31. Anak ABGApril 27, 2019 at 11:20 PM

    Mantap gan, berhasil..
    terimakasih banyak gan..
    Elpris76

    ReplyDelete
  32. Ngunut Logam 74April 28, 2019 at 4:43 PM

    ijin dicoba ....terima kasih sebelumnya.. sob..

    ReplyDelete
  33. simbahgugelMay 27, 2019 at 10:18 AM

    kok ngasi link ke blog nya agan ya? cb yang psang d cek sitemap ny

    ReplyDelete
  34. Cak RomliSeptember 26, 2019 at 6:57 PM

    Makasih mas..

    ReplyDelete
  35. serbaoke.onlineNovember 3, 2019 at 11:47 PM

    info yg sangat membantu, terimakasih banyak admi...n

    🌹🍀🌻🌹

    ReplyDelete
  36. Mr BeeFebruary 28, 2020 at 12:52 AM

    Thanks Min, sangat membantu izin pake kodenya.

    ReplyDelete
  37. Bang AlvinMarch 16, 2020 at 10:38 PM

    mampir gan ke blog ane ya. hehehe new be https://www.alvinshare.com/

    ReplyDelete
  38. AdminAugust 14, 2020 at 5:58 PM

    Terimakasih infonya Pantry Fixer Upper Style

    ReplyDelete
  39. GigendAugust 22, 2020 at 10:28 PM

    ganti jadi bulleting gimana ya bro, biar bukan numbering?

    ReplyDelete
  40. Geng KapuakSeptember 13, 2020 at 6:20 AM

    kunjungi kami ya https://pakgalingging.blogspot.com
    https://pakgalingging.blogspot.com/2020/09/mengubah-sumber-lampu-kepala-menjadi.html

    ReplyDelete
  41. Daily BlogFebruary 10, 2021 at 1:14 AM

    Terimakasih sangat membantu

    ReplyDelete
  42. Restu Budiansyah RizkiMarch 8, 2021 at 2:09 PM

    Terima kasih gan.
    Sudah terbantu

    Semoga saja bisa bermain ke bloh saya.
    https://al-sina.blogspot.com/

    ReplyDelete
  43. Shila SawanganMarch 13, 2021 at 5:51 AM

    Okay work gan. Sudah pakai. Izin save scriptnya ya.

    ReplyDelete
  44. TANAMAN SEHAT ALAMIMarch 19, 2021 at 9:37 PM

    kenapa tidak bisa muncul

    ReplyDelete
  45. AdminDecember 3, 2021 at 2:52 PM

    News nya keren banget gan, thanks ya gan.

    ReplyDelete
  46. rizkyDecember 3, 2021 at 11:21 PM

    sangat bermanfaat, isi artikel juga lengkap, kebetulan lagi nyari sitemap buat blog saya foqe.net semoga blog saya jadi cepat terindex

    ReplyDelete
  47. U are My IDApril 6, 2022 at 2:56 AM

    Saya memakai script ini daru mulai memakai blogger, terima kasih sitempanya bermanfaatU ARE MY ID

    ReplyDelete
  48. amtsilatiApril 11, 2022 at 11:12 PM

    Setelah muter - muter nyarinya bahkan berhari - hari, gonta - ganti. Alhamdulillah akhirnya ketemu di sini yang benar - benar mudah dan simpel. sekali pasang langsung mantap trm kasih gan.....

    ReplyDelete
  49. Website Murah SurabayaMay 19, 2022 at 3:22 PM

    cara membuat sitemap untuk referensi lain

    ReplyDelete
  50. UNGUANJuly 21, 2022 at 9:16 PM

    UNGUAN EU ORG
    Thanks Scriptnya , Kepake bgt Buat Di blog

    ReplyDelete
  51. EmkaSeptember 14, 2022 at 9:01 AM

    terima kasih Bang. ditunggu bahas backlink ya

    ReplyDelete
  52. Lukman Tri WahyudiNovember 13, 2022 at 9:36 AM

    terima kasih bang

    ReplyDelete
  53. Mukhlis Wibowo / www.kliswi.comNovember 28, 2022 at 7:45 PM

    Wah. TanK gan. Sangat membantu sekali

    ReplyDelete
  54. SugiartoDecember 17, 2022 at 7:57 PM

    Terimakasih mas, saya sudah coba dan hasilnya mantap. Jangan lupa cek di Buat Surat Online

    ReplyDelete
  55. AdminJanuary 18, 2023 at 5:19 PM

    Sudah saya coba di blog saya mas Catatan Online . Alhamdulillah work, tapi muncul beberapa masalah.

    ReplyDelete
  56. AdminJanuary 19, 2023 at 5:30 AM

    Alhamdulillah sudah saya coba, makasi mas tutorialnya. Sama seperti Artammedia Blog

    ReplyDelete
  57. EmkaJuly 3, 2023 at 2:20 PM

    Terima kasih infonya bang. jangan lupa yang butuh logitech driver & software gan

    ReplyDelete
  58. Adrien FemaleJuly 12, 2023 at 11:47 PM

    masih sedang berusaha mencoba di Mrs Woman,, terimakasih sekali infonya

    ReplyDelete
  59. Global Digital TimesAugust 16, 2023 at 10:06 PM

    This comment has been removed by the author.

    ReplyDelete
  60. Moch Adnan October 17, 2023 at 7:46 PM

    Blog walking
    Mantap tutorialnya mas.

    Salam persahabatan slalu...

    ReplyDelete
  61. adminNovember 10, 2023 at 2:35 PM

    mantabb tutorialnya bang. Semoga bisa membantu usaha jasa desain grafis saya

    ReplyDelete
  62. SugiartoNovember 15, 2023 at 11:57 PM

    Terimakasih mas, saya sudah coba dan hasilnya mantap. Jangan lupa cek di https://kalkulatordigital.com/general/kalender/tanggal-hari-jadian

    ReplyDelete

Subscribe to: Post Comments (Atom)