Cara Membuat Sitemap Otomatis Keren Di Blogger
00:46 by Unknown

Cara Membuat Sitemap Otomatis Keren Di Blogger-Untuk mengoptimalkan blog banyak cara yang bisa kita lakukan, salah satunya dengan memasang sitemap pada blog. Halaman Sitemap atau daftar isi berisikan list artikel atau kumpulan artikel yang anda postkan dengan berdasarkan label tertentu.

Untuk Demonya klik disini

Memasang sitemap pada blog, akan memudahkan pengunjung untuk mengetahui isi semua artikel yang berada dalam blog kita. Dengan begitu pengunjung bisa memilih artikel yang mereka butuhkan. Nah jika anda tertarik ingin membuat sitemap pada blog, berikut ini langkah-langkahnya:

1. Langkah pertama anda login ke akun blog sobat.
2. Masuk ke dashboard blogger, kemudian pilih page

3. Lalu buat page baru dengan seperti pada gambar dibawah ini:

4. Sekaran copy kode di bawah 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>

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

5. Kemudian Paste kedalam HTML page sobat

Perhatikan: Kode yang saya beri warna merah, silahkan ganti dengan Link/URL blog sobat
6. Terakhir Publish/Publikasikan

Mungkin cukup sekian untuk artikel Cara Membuat Sitemap Otomatis Keren Di Blogger, semoga artikel kali ini bermanfaat.