Membuat Sitemap Blog, Menampilkan List Konten Secara Keseluruhan

Membuat sitemap blog - Memberi sitemap atau peta situs pada blog tentu banyak manfaatnya, baik untuk kelengkapan blog, sebagai syarat google adsense, ataupun mempermudah dalam melihat secara keseluruhan tulisan-tulisan pada situs atau blog tersebut, dan tentunya dapat membantu google dalam meng'index setiap artikel yang ada.

Membuat sitemap seperti inidulubaruitu.com  

Pada kesempatan kali ini saya akan membagikan langkah-langkah dalam pembuatan sitemap untuk dipasang pada blog agan.

Sitemap yang akan kita buat disini merupakan sitemap yang sama dengan situs ini, atau inidulubaruitu.com. Jika ingin melihat demo'nya silahkan buka link sitemap pada menu navigation blog atau klik disini.

Baca juga : 2 Cara Membuat Sitemap Blog Keren, Responsive Dan Thumbnail

Langkah-Langkah Pembuatan Sitemap Blog

Cara pembuatannya pun cukup mudah dan singkat, serta tidak melakukan pengeditan pada template blog. Silahkan ikuti langkah-langkah dibawah ini.

1. Langkah pertama silahkan masuk pada dashboard blog.
2. Masuk pada menu 'Laman' dan buat 'Laman baru'.
3. Tulis judul Laman.
4. Pada laman baru yang terbuka, pilih opsi 'HTML'.
5. Silahkan copy script dibawah ini dan paste pada Laman yang terbuka.

<style type="text/css">
#toc{
width:99%;
margin:5px auto;
}
.labl{
color:#FF5F00;
font-weight:bold;
margin:0 -5px;
padding: 8px 52px 9px 38px;
background:-moz-linear-gradient(right,#C2EAFE 0%,#055A85 40%);
background:-webkit-gradient(linear,left 10,right 80,color-stop(0.20,#333333),color-stop(1,#616161));
border-bottom-right-radius: 33px;
border-top-left-radius: 25px;
  }
.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%);
}
.postname li{
border-bottom: #ddd 1px dotted;
margin-right:5px
}
</style>
<br />
<div id="toc">
<script src="http://yourjavascript.com/19011761625/scriptsitemapbaru.js" type="text/javascript"></script>
<script src="http://inidulubaruitu.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>

Penjelasan :
- Pada script diatas, silahkan ubah url saya beri warna biru dengan situs blog agan.
- Kode yang saya beri warna hijau dan kuning merupakan backgound gradient untuk judul label artikel yang dapat agan ubah sesuai keinginan.

6. Beri nama 'sitemap' pada kolom entri.
7. Langkah terakhir tinggal klik 'Publikasi'.

Tips :
Jangan melewatkan untuk dapat menulis judul laman terlebih dahulu pada point 3 lalu lanjut ke point 4, agar url sama dengan judul yang dibuat.

Demikian, cara sederhana dalam pembuatan sitemap atau peta situs untuk blog, semoga membantu. Jika terdapat kesulihat atau terjadi kesalahan silahkan memberi komentar.

Tweet

Subscribe to receive free email updates: