Welcome to MySide

Cara Membuat Sitemap atau Daftar Isi untuk Blog

Cara membuat sitemap atau daftar isi untuk blog  - daftar isi atau sitemap merupakan suatu halaman statis yang kita buat di blog untuk mempermudah pengunjung dalam mencari informasi dari beberapa artikel yang ada di pembahasan Blog kita, sitemap itu sendiri merupakan bahasa inggris, yang jika diartikan merupakan peta situs suatu halaman website atau blog.

Oleh karena itu pembuatan sitemap sangat lah penting dalam membangun sebuah blog, karena bisa membuat pengunjung betah di halaman web anda dengan tampilan yang begitu lengkap dan memudahkan pengunjung mencari informasi yang hendak di cari. Dan gambar berikut merupakan sebuah contoh gambar sitemap dari blog saya yang satu lagi yang hendak akan di terapkan dalam tutorial yang akan saya bahas sekarang ini

Cara Membuat Sitemap atau Daftar Isi untuk Blog

Di pembahasan icikiblog kali ini saya ingin berbagi kepada para blogger yang hendak ingin membuat sitemap atau daftar isi untuk website nya seperti gambar yang di tunjuk kan diatas, dan tutorial nya juga cukup mudah untuk di anda praktek kan sendiri, silahkan ikuti caranya sebagai berikut :

cara membuat sitemap atau daftar isi untuk blog

  • Pertama silahkan anda buka blog atau website anda, lalu di menu sebelah kiri klik >>laman >>buat laman baru >>isi judul nya dengan sitemap atau daftar isi yang akan nampak seperti gambar berikut 

Cara Membuat Sitemap atau Daftar Isi untuk Blog

  • caranya hampir sama seperti cara membuat halaman statis lainnya yang sebelumnya sudah saya bahas tentang cara membuat halaman Disclaimer, Privacy policy , Dan Contact us
  • Setelah anda melakukan seperti pada gambar di atas langkah selanjutnya silahkan anda copy kode html berikut ini yang nantinya akan anda paste kan di blog di laman sitemap anda yang hendak mau dibuat.
<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://www.icikiblog.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>
  • Setelah anda copy kode html tersebut dan silahkan ganti icikiblog dengan alamat Blog anda lalu pastekan kode html tersebut ke halaman sitemap anda dan jangan lupa ganti mode html dulu jangan compose. Lihat contohnya seperti gambar di bawah 

Cara Membuat Sitemap atau Daftar Isi untuk Blog

  • Setelah itu jangan lupa, langsung publikasi supaya halaman sitemap anda bisa dilihat oleh pengunjung. 
Sekarang anda sudah bisa cara membuat sitemap di blog, Dan coba lihat hasilnya sekarang, keren kan tampilan sitemap nya???? 
Mungkin cukup sekian tutorial dari saya tentang cara membuat sitemap dan apabila ada yang ingin ditanyakan silahkan berkomentar di bawah. Dan jika cara saya sudah di praktek kan dan hasilnya memuaskan silahkan berkomentar juga disini trimakasih.  

Subscribe to receive free email updates: