Cara membuat sitemap keren dan SEO untuk blogger pemula 2019

Apa sih Sitemap blog itu?

Banyak dari kalian pasti bertanya-tanya bro tentang sitemap, khususnya bagi yang baru pemula di bidang SEO blog atau website. Jadi disini saya akan menjelaskan beberapa pengetahuan saya mengenai sitemap ini.

Sitemap atau dalam Bahasa Indonesia disebut peta situs merupakan  cara sederhana bagi para blogger untuk menginformasikan kepada search engine tentang halaman-halaman pada situs mereka yang bisa di crawl atau dirayapi.

Dan disini kami akan berbagi kode html sitemap keren untuk blogspot anda. Walaupun sebenarnya sitemap sudah disediakan secara default oleh blogger tapi alangkah bagusnya lagi kalau kita memakai tampilan sitemap yang lebih menarik dan bagus di mata pembaca agar artikel kalian diminati bro.

Sitemap ini dari koleksi bang Pena Indigo Pilih aja ya sitemap kerennya di bawah ini, pilih aja salah satu.

Sitemap Responsive version 1

Kode HTML :

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

</script></div>

 Cara Memasang SITEMAP di blog

1.       Silahkan bro login terlebih dahulu di blogger, kemudian pilih “halaman” lalu buat halaman baru

2.       Isi dengan judul SITEMAP atau Daftar isi, dan kemudian pilih mode HTML

3.       Lalu pastekan kode html bro, terakhir tinggal di publish aja bro. Perhatikan gambar dibawah supaya ngerti bro.

Ini Hasilnya !

Kata Terakhir 

Gimana bro, sitemap keren dari Pena Indigo kerenkan?

Terima kasih ya, sudah berkunjung. Jangan lupa juga untuk mampi ke Pena Indigo.

Share on Facebook

Share on Twitter

Share on LinkedIn

Berlangganan Untuk Menerima Update Terbaru: