Cara Membuat Sitemap Blog Keren

Cara membuat sitemap adalah salah satu hal yang harus di kuasai jika Anda memutuskan untuk menjadi seorang blogger. Sitemap sangat penting keberadaannya untuk sebuah blog. Dengan adanya sitemap akan memudahkan para pembaca untuk mencari artikel dalam blog Anda.

Ibarat sebuah buku, sitemap merupakan daftar isi buku tersebut. Jadi para pengunjung blog Anda nantinya bisa tahu seluruh isi blog Anda melalui daftar isi atau sitemap.

Coba Anda perhatikan gambar dibawah ini, ini merupakan contoh sitemap yang ada pada blog Saya. Menarik bukan?

Cara membuat sitemap seperti di atas sangat lah mudah kok. Tidak perlu berpusing-busing ria karena Saya akan menjelaskan step by step cara membuat sitemap blog keren seperti contoh di atas

Cara Membuat Sitemap :

Sebelum memulai langkah-langkah membuat sitemap pastikan semua artikel dalam blog Anda sudah memiliki label ya. Karena artikel yang tidak memiliki label tidak akan muncul di daftar sitemap.

Oke, kita mulai ya ..

Langkah pertama, tentunya Anda harus login ke blogger.com dan pilih blog yang akan Anda buatkan sitemap.

Langkah kedua, pilih Laman > Lama Baru

 Langkah ketiga, pada halaman posting pilih mode HTML

 Setelah itu Anda Copy kode dibawah ini dan pastekan pada halaman postingan dengan mode HTML tadi. Berikut ini kodenya :

<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:-moz-linear-gradient(right,#C2EAFE 0%,#055A85 40%);
background:-webkit-gradient(linear,left 10,right 80,color-stop(0.20,#055A85),color-stop(1,#C2EAFE));
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{t
ext-transform:uppercase;
}
.new{
color:#FF5F00;
font-weight:bold;
font-style:italic;
}
.postname{
font-weight:normal;
background:-moz-linear-gradient(right,#C2EAFE 0%,#fff 40%);
background:-webkit-gradient(linear,left 80,right 10,color-stop(0.60,#fff),color-stop(1,#C2EAFE));
}
.postname li{
border-bottom: #ddd 1px dotted;
margin-right:5px
}

</style>


<div id="toc">
<script src="https://googledrive.com/host/0B2ww3WS8P1MJM2JkeHlyUVp4dnc/" type="text/javascript"></script>
<script src="http://www.YOURBLOGDOMAIN.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>

Selanjutnya ganti link yang telah Saya tandai warna merah dengan link URL blog Anda.

Jangan lupa klik publish.

Selamat sekarang blog Anda telah memiliki sitemap yang keren dan memudahkan pengunjung blog Anda untuk mencari artikel dalam blog Anda.

Nah, bagaimana cukup mudah kan?

Demikian ulasan tentang cara membuat sitemap blog yang telah Saya tulis. Jika bermanfaat silahkan Anda share ya. Tetap semangat ngeblog dan salam blogger.

Sumber Referensi : http://www.buatblog.net/2015/03/cara-membuat-sitemap.html