Cara Membuat Sitemap di Blog

Cara Membuat Sitemap di Blog - Para blogger pasti sudah tau apa itu sitemap atau yang disebut adalah daftar isi. Cara membuat sitemap sangat mudah dengan menempelkan sedikit kode atau script javascript ke halaman.

Sitemap sangat dibutuhkan untuk sebuah website dengan sitemap ini dapat memudahkan pembaca blog untuk melihat semua artikel yang pernah di tulis sama admin atau pembuat blog itu sendiri.

Kali ini saya akan mebagikan script untuk membuat sitemap dan tampilannya sangat keren dan simple. Sehingga google akan mudah untuk merayapi blog anda.

Berikut cara membuat sitemap atau daftar isi otomatis di blog

1. Pertama masuk dulu ke blogger

2. Pilih menu laman

3. Klik "laman baru

4. Pilih mode "HTML"

5. Beri judul "Sitemap" atau terserah sesuka hati

6. Copy script di bawah dan paste ke laman

Script sitemap 1.

<script src="http://me-sitemap.googlecode.com/files/mysitemap.js" type="text/javascript"></script>
<script src="http://www.afif-ny.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>

Gambar dari script di atas :

Script sitemap 2.

<div style="background-color: #dde1e3; border: 1px solid #999999; height: 200px; overflow: auto; padding: 10px; width: 100%px;">
<script style="text/javascript" src="https://cdn.rawgit.com/D-dig/js/gh-pages/sitemap1.js"></script><script src="http://www.afif-ny.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>
</div>

Gambar dari script di atas :

Script Sitemap 3.

<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/0ByNodV_m9cVLR0pmWFgwZ1NmdW8/" type="text/javascript"></script>
<script src="http://afif-ny.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>

Gambar dari script di atas :

Ganti tulisan yang berwarna biru dengan url blog anda. Pilihlak script diatas salah satu, setelah itu klik "publikasikan".

Semoga bisa bermanfaat bagi blog anda. Terima Kasih telah berkuncung ke blog saya.