Cara Memasang Sitemaps Paling Keren di Blog, Pada kesempatan kali ini saya ingin sedikit membahas tentang cara membuat halaman Sitemap atau yang biasa kita sebut dengan istilah Daftar Isi. Sebenarnya kurang tepat jika sitemap diartikan sebagai daftar isi, lebih tepatnya diartikan sebagai peta situs. Mengapa saya mengatakan demikian? karena Arti kata sitemap itu sendiri terbagi menjadi dua kata yaitu
Site yang berarti Situs dan Map yang berarti Peta.
Sedangkan istilah daftar isi tersebut dalam bahasa inggris adalah content. Tetapi disini, hal tersebut tidak jadi masalah karena kebanyakan para blogger maupun websider lebih mengenal Sitemaps dalam bahasa Indo adalah Daftar Isi.
Fungsi dari Sitemaps pada blog maupun web saya rasa hampir sebagian besar dari Anda sudah tahu. Dan yang belum tahu ini fungsinya, Fungsi dari Sitemaps pada blog adalah untuk mempermudah mesin pencari dalam mengindeks blog kita. Selain itu, agar blog akan terlihat lebih profesional dan elegant. Dan yang pasti dengan adanya sitemaps dapat mempermudah visitor dalam mencari artikel yang ada di blog kita. Oleh karena itu, peta situs hendaknya kita buat sedini mungkin dan alangkah baiknya juga dibuatkan halaman tersendiri, karena eksistensinya sangat penting.
Baca juga : Cara Memasang Widget Rekomendasi Facebook di Blog
Cara memasangnyapun tidak rumit, perhatikan di bawah ini :
1. Masuk terlebih dahulu pada blog dengan menggunakan Email serta Pasword Anda, bukan Email orang lain ya...hehehehe
2. Kemudian buat New Page/Halaman baru
3. Selanjutnya copy kode di bawah ini dan paste pada halaman HTML bukan Compose agar script berjalan dengan baik
<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>
<br />
<div id="toc">
<script src="https://googledrive.com/host/0BxK4ZUbyvbewWGdveVJndmdOWlk" type="text/javascript"></script>
<script src="http://lagioke.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script></div>
Keterangan :Silahkan ganti Url yang ditandai dengan Url Blog Anda, dan untuk CSS nya bisa Anda edit sesuai selerah
4. Terakhir Publish dan lihat hasilnya
Sebelumnya saya mohon maaf sebesar-besarnya kepada Anda semua karena script sitemap ini bukan buatan saya dan telah banyak beredar di google. Siapapun pembuatnya saya sangat berteri makasi karena telah membuat dan membagikan kepada para blogger termasuk saya.
ADS HERE !!!