Cara Membuat Sitemap html Responsive Dan SEO Friendly Di Blogger
halo gusy, siapa nih yang lagi pengen bikin sitemap? disini saya akan membahas cara membuat sitemap responsive dan seo friendly di blogger .
Jadi guys sebenarnya untuk membuat sitemap di blog itu ada dua cara, ada yang html dan ada juga yang xml, Nah sitemap yang html ini nantinya akan kita langsung taro ke dalam blogger lewat halaman.
Sementara sitemap xml nantinya akan di submit ke goole search console. Namun pada artikel ini saya akan fokus ke bagian sitemap html.
CaraMembuat Sitemap html Di Blogger
Pertma; silahakan buka blogger kalan.
Kedua; fokuskan ke sebelah kiri layar dan pilih halaman dan silahkan bikin halaman baru
Ketiga; setelah itu ubah yang awalnya berada di mode normal ke mode html. Caranya cukup klik icon pensil di bagian sebelah kiri, posisinya tepat di bawah kalian membuat judul blog dan pilih tampilan html
Kemudian silahkan masukkan Kode sitemap html dibawah ini
<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&alt=json-in-script&callback=loadtoc">
</script></div>Jika sudah di tempel kemudian silahkan kalian kalian publikasihkan.mungkin sekian tutprial cara membuat sitemap html responsive dan seo friendly di bllogger.