3 Langkah Membuat Sitemap / Peta Situs yang Keren

ingin pasang peta situs / sitemap yang keren di blog sobat ? disini saya akan memberikan trik singkat untuk membuat peta situs / Sitemap di blog khususnya pengguna blogspot. sebelumsaya menjelaskan langkah langkahnya saya akan memberi tahu kegunaan peta situs dalam sebuah web /blog , peta situs digunakan untuk mempermudah pengunjung  mengetahui apa saja postingan / artikel dalam sebuah website atau blog . diibaratkan seperti daftar isi dalam sebuah buku ,jadi pengunjung bisa langsung tahu apa saja yang ada dalam sebuah website atau blog tersebut.
oke langsung saja disini saya punya sampel sitemap yang keren. cek dibawah ini screenshootnya


Untuk membuat sitemap seperti diatas Caranya cukup mudah
1. login Blogger masuk ke laman > buat laman baru >Pilih mode Html



2. Copy kode script dibawah ini
<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_m9cVLR0pm
WFgwZ1NmdW8/" type="text/javascript"></script>
<script src="http://gancus.com/feeds/posts/
default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div> 

 3 . paste kan kode diatas pada halaman yang sobat buat tadi.dengan catatan ganti http://gancus.com dengan alamat URL sobat (Tanpa diawali www ) . Sekian ..cukup singkat bukan? sekarang sobat memiliki sitemap yang keren

Nb. Jika sobat ingin menghilangkan form komentar pada situs map sobat 
Pilih pengaturan pada sebelah kanan >  centang jangan bolehkan , sembunyikan yang ada
Share this artikel :

0 Response to "3 Langkah Membuat Sitemap / Peta Situs yang Keren"

Post a Comment

Silahkan meninggalkan komentar , dengan senang hati saya akan membalas komentar anda