Cara Membuat Sitemap Blogger Responsive

Pada kesempatan kali ini saya akan share cara membuat Sitemap/Peta situs di blog.

Apa itu Sitemap ?
Sitemap adalah salah satu alat bantu untuk para webmaster yang mempermudah dalam pengenalan peta situs di dalam website. Dengan begitu, mesin google dengan mudah menjelajah dan meraih halaman-halaman yang ada di dalamnya. Sama halnya dengan webiste pada umumnya, blog juga memerlukan sitemap agar mesin pencari dengan mudah mendeteksi konten di dalamnya. Dalam sistem sitemap ini pengguna dapat melakukan submit peta web berbasis XML langsung ke Google yang akan membantu Google mengindeks halaman web dengan mudah.

Pada dasarnya, langkah yang harus diterapkan oleh pengguna sitemap adalah:
Gunakan perangkat lunak untuk menciptakan peta situs (sitemap) dalam format XML Google.
Integrasikan dan unggah ke situs web.

Cara membuat sitemap di blogger
Buka blogger.com > Halaman > Entri Baru > Beri judul Sitemap/Peta Situs > pilih mode html
Copy scipt dibawah ini :

<div style="overflow:auto;max-height: 300px;background: #f7f7f7;border: 1px solid #DDD;padding: 10px;">

<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://duniandrowed.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">

</script></div>

</div>

Untuk demo bisa lihat disini :


Ubah text https://duniandrowed.blogspot.com menjadi https://nama-blog-anda.com
kemudian save dan lihat hasilnya :)