Cara Membuat SITEMAP di Blog Keren dan SEO Dengan Mudah dan Cepat
Cara membuat sitemap di blog sebenarnya sangat simpel dan mudah. kita cukup meng copy codenya dan memvastekan pada halaman statis kemudian kita publikasikan maka dengan otomatis Sitemap diblog kita akan terpasang.
Kita sangat dianjurkan untuk membuat sitemap atau daftar isi untuk blog kita, yang berguna untuk memberikan kemudahan kepada pengunjung dalam mencari artikel di blog kita.
Pada artikel kali ini kita akan membahas bagaimana cara membuat sitemap keren dan SEO dan tampil secara otomatis di blog kita. ia juga menampilkan judul artikel sesuai dengan nama label yang ada, jadi ketika kita ada postingan baru maka otomatis ditambahkan ke label tersebut.
Dengan membuat sitemap keren dan fast loading diblog pengunjung merasa betah ketika membaca artikel-artikel yang ada di blog kita
Berikut ini beberapa koleksi cara membuat sitemap di blog keren SEO. Kita terlebih dahulu memilih salah satu model atau tampilan dari sitemap dibawah ini kemudian kita pasang pada laman blog kita. kalau kita memasang dengan benar sesuai dengan caranya maka sitemap yang kita pasang sudah berhasil terpasang di blog.
<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>
#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>