Cara Membuat Sitemap Otomatis Di Blogger

halo para sobat setia bloggers kali ini saya akan share nih cara sederhana membuat sitemap blog dengan mudah. sitemap adalah sebuah daftar isi dari isi blog anda untuk memudahkan para pengunjung blog dalam mencari artikel yang diinginkan.Sementara Arsip, Label, Random post dan Recent post hanya memberi artikel yang tidak semuanya bisa langsung di tampilkan blog, sehingga mereka kesulitan untuk menemukan artikel yang mereka sukai.

Berikut ini Contoh sitemap di blog saya:


Oke langsung aja ke tutorialnya nya ya

Langkah Pertama: Silahkan Login ke Dashboard Blogger dan pilih blog Anda.

Langkah ke Dua: Pilih LAMAN >> Buat laman baru dan akan tampil halaman kosong.

Langkah ke Tiga: Pada halaman kosong, pilih mode HTML lalu copy paste kode di bawah ini dan jangan lupa beri judul sitemap/daftar isi.

<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://zerosev07.blogspot.co.id//feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">

</script></div>

Silahkan Anda ganti Url http://zerosev07.blogspot.co.id menjadi situs Anda.

Langkah ke Empat: Jika Anda tak ingin sitemap Anda di komentari, silahkan klik pada options di sisi kanan dan pilih don't allow,hide existing compose mode.

Langkah ke Lima: Klik publiskan dan selesai sudah sitemap Anda sudah jadi dan tinggal Anda menampilkan sitemap Anda di menu, seperti milik saya di atas.

Cukup itu saja cara membuat sitemap di blogspot!

Indeks postingan akan selalu di perbarui secara otomatis setelah Anda mempubliskan artikel baru.

Tweet