Kode Sitemap Blogspot Bisa digunakan di Semua Template Blog

Oleh Impiannesia

/

Maret 07, 2026

Sitemap merupakan daftar isi di halaman blogger berfungsi untuk mempercepat index artikel pada blogspot. Jadi halaman sitemap berisi semua judul artikel yang sudah dipublikasi. Dengan adanya sitemap pada blog mesin pencari cukup merayapi semua artikel lalu di tampilkan pada mesin pencari. Kalau blog Anda belum memiliki sitemap gunakan kode ini untuk membuat halaman sitemap blogger.

Seseorang yang mencari artikel di mesin pencari (misal google) sistem pencari google cukup mengunjung halaman sitemap lalu mencari judul artikel yang sesuai dengan kata kunci yang sedang di cari bila ada akan di tampikan pada pencarian. Kalau artikel ke index ke mesin pencari google maka akan mendapatkan pengunjung original dan memungkinkan artikel masuk page one (peringkat pencarian). Kode sitemap yang dibagikan oleh impiannesia adalah kode HTML cukup di pasang pada halaman saja, tanpa CSS atau Javascript yang perlu di pasang pada tema blogger. Kode Sitemap Blogspot Bisa digunakan di Semua Template Blog.

sitemap-blogger

Apa itu Sitemap Blogspot ?

Sitemap Blogspot adalah daftar isi yang dibuat dengan menggunakan kode HTML (CSS dan JaVascript) di pasang pada halaman dan tema blogger. Dengan adanya daftar isi postingan dalam satu halaman blogspot memudahkan pencarian artikel yang sesuai di cari oleh pengujung. Selain itu, tampilan sitemap responsive dan sesuai Abjad.

Kode Sitemap Blogspot

<style type="text/css">
#toc{width:99%;margin:5px auto;border:1px solid #2D96DF;
-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: #3498DB;
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>

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

Keterangan

Nama https://blogimpiannesia.blogspot.com silahkan ubah dengan Nama Blog Anda.

Cara Pasang Kode Sitemap di Halaman Blogger

Buat blog di www.blogger.com
Login dengan Akun Google
Klik menu Halaman. Klik Halaman Baru
Beri judul halaman "Sitemap". Ubah mode Tampilan menulis menjadi Tampilan HTML. Paste kode Sitemap di atas, lalu klik Publikasikan.
Untuk melihat hasilnya klik logo mata (lihat). Untuk hasilnya gambar pertama di atas.

Semoga dengan adanya kode sitemap blogspot membatu mempercepat index postingan ke google dan mempercepat pengujung mencari artikel melalui halaman sitemap. Dengan adanya sitemap blogger HTML bisa digunakan untuk referensi dan mungkin di terapkan ke blog Anda. Semoga dengan adanya Kumpulan Tutorial Blogger Terbaru ini bermanfaat.