Cara Membuat Sitemap (Peta Situs) Terbaru di Blogger

Sitemap merupakan kumpulan informasi yang berada pada situs yang memuat banyak URL atau daftar semua link/URL yang ada di situs anda, Sitemap sendiri berfungsi sebagai peta situs untuk search engine agar cepat mengindex url baru yang ada di dalam blog atau website anda.

Membuat sitemap atau daftar isi keren di blog pasti mempunyai keuntungan tersendiri, dikarenakan sitemap akan memudahkan pengunjung blog untuk mencari artikel yang ada pada blog kita. Membuat sitemap sangat disarankan sekali bagi anda yang ingin memperbagus blog, dengan membuat sitemap ini blog kamu akan meningkatkan keberadaan pada pencarian mesin google, karena mesin pencari google akan lebih mudah mendapatkan informasi seberapa sering blog kamu itu update artikel dan lain lain.

Cara Membuat Sitemap (Peta situs)Terbaru di Blogger

Baca Juga: Templeta Blogger Responsif  Terbaru Di Tahun 2021

Cara membuat sitemp atau daftar isi di blog

1. Masuk ke Dashboard blog, cari menu Halaman.
2. Selanjutnya buat halaman baru, ingat bukan di postingan.
3. Sebelum memasukan kode dibawah ini, cari tanda < > atau tampilan HTML bukan di compose (ini tampilan blogger terbaru 2020) jika sudah ketemu, silahkan Copy kode di bawah ini lalu pastekan.

<style type="text/css">
#toc{width:99%;margin:5px auto;border:1px solid #df772d;
-webkit-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
-moz-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);}
.labl{color:#FF5F00;font-weight:bold;margin:0 -5px;
padding:1px 0 2px 11px;background: #08484f;
border:1px solid #2D96DF;
border-radius:4px;-moz-border-radius:4px;
-webkit-border-radius:4px;box-shadow:3px 3px 1px #bbb;
-moz-box-shadow:3px 3px 1px #bbb;-webkit-box-shadow:3px 3px 1px #bbb;display:block;}
.labl a{color:#fff;}
.labl:first-letter{text-transform:uppercase;}
.new{color:#FF5F00;font-weight:bold;font-style:italic;}
.postname{font-weight:normal;background:#fff;margin-left: 35px;}
.postname li{border-bottom: #ddd 1px dotted;margin-right:5px}
</style>

<br />
<div id="toc">
<script src="https://cdn.jsdelivr.net/gh/penaindigo/Pena-Indigo-Code@a134f9def601a6f77332eccc35d3d20e0d3c7e49/sitemappenaindigo.js" type="text/javascript"></script>
<script src="/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>

4. Selanjunya silahkan anda simpan lalu Publish dan lihat hasilnya!!!

Cukup mudah bukan? membuat sitemap pada blogger, tetapi langkah langkahnya bukan hanya sampai situ saja sobat. Agar sitemap tampil di diblog, kita harus meletakkan ke template blog anda.

Baca Juga: Cara Menambahkan Tombol Baca Juga Dalam Postingan Blog

Cara Menampilkan Sitemap di Blog

  1. Silahkan ke dashboard blogger lalu pilih Tema >> Edit HTML.
  2. Kemudian arahkan kursor kedalam HTML dan klik dimana saja, lalu tekan CTRL + F secara bersamaan. Maka keluar lah kolom mencari kata, jika sobat telah membuat halaman Tentang kami, privacy policy, about, sitemap dan lain lain, ketikkan saja pada kolom tersebut seperti sitemap seperti kode ini <li><a href='#'>Sitemap</a></li>
  3. jika sudah ketemu sobat ganti tanda pagar saja (#) dengan url sitemap yang sudah sobat buat tadi.
  4. Selanjutnya sobat simpan dan lihat hasilnya

Mungkin itu saja akhir dari artikel cara membuat sitemap ini dan share keteman-teman sobat jika artikel ini bermanfaat.

Baca Juga: Cara Membuat Icon Media Sosial Dibawah atau Diatas Postingan Blog

50 Responses to "Cara Membuat Sitemap (Peta Situs) Terbaru di Blogger"

  1. Terima kasih kak, di saya sudah berhasil

    ReplyDelete
  2. bang kok gk bisa coba cek
    http://www.azuanweb.cf/p/sitemap_17.html

    ReplyDelete
  3. Makasih, sudah berhasil.

    ReplyDelete
  4. Makasih gan salam wandoarm.xyz

    ReplyDelete
  5. makasih.langsung saya terapkan boskuhhh

    https://sadai-design.blogspot.com/p/sitemap.html

    ReplyDelete
  6. Terima kasih... Sangat bermanfaat...

    ReplyDelete
  7. Saya cari cara buat sitemap yang cocok untuk blog saya, cara di blog ini yang cocok. Thanks min.

    ReplyDelete
  8. This comment has been removed by a blog administrator.

    ReplyDelete
  9. Saya terapkan di blog saya tapi hasilnya tidak rapi ya format teks nya?

    ReplyDelete
    Replies
    1. coba perhatikan pemsangan html dan ccs nya gan

      Delete
  10. maksih bang sukses.
    tp kok ada tanda new
    itu apa artinya

    ReplyDelete
    Replies
    1. Sama..
      New itu, postingan yang terbaru.

      Delete
  11. This comment has been removed by a blog administrator.

    ReplyDelete
  12. you have a good articel dude https://www.henghengbetta.id/

    ReplyDelete
  13. Keren Bro..... Dan sangat bermanfaat. Layak dapat page 1 postingannya :)

    ReplyDelete
  14. Terimakasih mas atas pencerahannya, kebetulan blog satu saya alami eror, mau dicoba.
    Oh ya barangkali <a href="https://mybonuspaytren.blogspot.com/2021/05/blogger-cara-mengatasi-low-value.html>Low Value Content</a> silahkan mampir

    ReplyDelete
  15. Alhamdulillah baru bisa memunculkan halaman sitemap di blogspot. Terima kasih semoga tetap setia menyebarkan kebaikan..... salam

    ReplyDelete
  16. trimakasih a, langsung saya tancep di blog

    ReplyDelete
  17. Terima kasih... Pasang langsung berhasil.

    ReplyDelete
  18. terima kasih gan sudah berhasil

    ReplyDelete
  19. Cara memasang sitemap Blogger yang mudah dipraktekan, thnks ya gan..

    ReplyDelete
  20. makasih info nya. 2021 masih berguna 👍.

    Jangan lupa kunjungi chipilmu.blogspot.com

    ReplyDelete
  21. makasih petunjuknya SUHU, sudah saya coba nih.

    ReplyDelete
  22. Terima kasih sharing postingannya mas.

    ReplyDelete

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel