Tips and Sharing

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.

cara membuat sitemap blog


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 blog

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

cara membuat sitemap blog

 Langkah ketiga, pada halaman posting pilih mode HTML

cara membuat sitemap blog

 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
 

Tag: Blog

Berlangganan: Masukkan e-mail Anda untuk mendapatkan kiriman artikel terbaru dari Kang Yuli langsung di pesan kotak masuk.

feedburner

8 Komentar untuk "Cara Membuat Sitemap Blog Keren"

avatar

Dengan memasang custom sitemap diblog, tampilah blog menjadi lbh menarik mas. Makasih atas tutorialnya. Salam kenal aja dari anwariz.com tempat sy menyalurkan hobi menulis.

avatar

mas, kok sitemapnya ga muncul ya ?

avatar

sitemap saya ya? Saya belum pasang lagi, template sebelumnya pernah saya ganti, jadi belum sempet bikin sitemap lagi hehe

avatar

script error coba mas cek https://googledrive.com/host/0B2ww3WS8P1MJM2JkeHlyUVp4dnc/

Terima kasih sudah membaca tulisan saya,

Silahkan berikan komentar dan tanggapan Anda tentang tulisan Saya diatas. Komentar Anda akan memberikan energi positif untuk Saya tetap semangat menulis kembali.

- Berkomentar lah dengan baik dan sopan
- Tidak perlu meninggalkan link aktif, karena Saya pasti akan mengunjungi kembali blog Anda.
- Subcribe jika tulisan Saya bermanfaat untuk Anda

Formulir Kontak

Nama

Email *

Pesan *