Cara Membuat Sitemap Terkeren Terbaru di Blogger

Cara memasang Sitemap di blog, Sitemap adalah hal yang sangat penting untuk kemudahan bagi para pengunjung di blog dalam menemukan dan memudahkan dalam mencari sebuah artikel Sitemap adalah sebuah peta yabg berisikan berbagai macam keyword judul dan deskripsi atau konfigurasi konten artikel dari sebuah blog dalam bentuk tautan link. Pembuatan sutemap juga bertujuan untuk mudah melakukan crawl (perayapan) yang di lakukan SEO. jadi sangat penting buat kalian memasang sitemap.

Cara membuat sitemap di blogger ini cukuplah mudah tetapi sitemap yang saya buat ini mempunyai kelebihan antara lain: Responsive, clean banget, Tampilannya lebih menarik, Fastloading , ada tanda khusus label pada saat melalakukan otomastis postingan artikel baru. pokoknya lebih seo dan professional. oke dari pada saya kelamaan menyampaikan ini langsung sajake cara cara pembuatan sitemap sebagai berikut :

LANGKAH-LANGKAH PERTAMA #1

Seperti biasanya kalian login ke blogger dulu masukan email dan passwordnya setelah itu kalian klik pada menu laman/halaman/pages silahkan pilih laman baru seperti yang terteran di gambar.

LANGKAH_LANGKAT KEDUA #2

Setelah kalian di halaman ini jangan lupa tambahkan judult terlebih dahulu terus klik mode html.

LANGKAH-LANGKAH KETIGA #3


<style type="text/css">
#toc{width:100%;margin:5px auto;border:1px solid #1a66f1;
-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: #1a66f1;
border:1px solid #1a66f1;
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="http://yourjavascript.com/19011761625/scriptsitemapbaru.js" type="text/javascript"></script><span style="font-family: inherit;"><span style="font-family: &quot;arial&quot; , &quot;helvetica&quot; , sans-serif;">
</span></span><script src="http://www.instaliputan.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>

Kemudian silahkan isi kode script html diatas sini lalu simpan dan lihat hasilnya.

CATATAN: Untuk script yang saya tandai merah silahkan ganti dengan nama URL blog anda.

LANGKAH TERAKHIR.#

Ciyaa sitemap dengan gaya responsive seperti gambar di bawah ini pun sudah jadi

"Semoga bermanfaat cara membuat sitemap keren terbaru di blog selamat mencoba"