Cara Membuat Daftar isi Blog Website

Cra membuat daftar isi blog atau website , Cara membuat halaman daftar isi website/blog atau Cara membuat sitemap.
Daftar isi bisa di sebut juga dengan sitemap yang artinya adalah Cara membuat halaman daftar isi atau sitemap blog/website.
daftar isi blog maupun website adalah sebuah halaman dimana halaman tersebut untuk mengumpulkan semua judul-judul posting/artikel yang sudah dipublikasikan.
sebagai contoh dari halaman daftar isi blog atau website anda bisa melihat atau mengunjungi Daftar isi Blog atau seperti pada gambar di bawah ini :

Buat anda pemilik blog atau website yang sudah banyak menciptakan artikle dan sudah di publikasikan maka saya kira anda perlu membuat halaman daftar isi atau halaman sitemap sehingga pengguna atau pengunjung website / blog anda akan merasa mudah mencari artikel yang di inginkanya.

dan jika anda ingin membuat sitemap atau daftar isi blog anda silahkan simak terus panduan ini.

Membuat daftar isi blog atau sitemap ada berbagai cara/mode/penampilan akan tetapi yang terpenting adalah daftar isi atau sitemap tersebut harus bersih dari link-link yang tidak ada kaitanya dengan blog anda, oleh karena itu admin jasa desain website dan jasa ganti domain akan memberikan cara membuat sitemap yang steril.

untuk caranya silahkan ikuti panduanya dibawah ini : 

Cara Membuat Daftar isi atau Sitemap Blog dan Website

1.buka blog anda bisa melalui blogger.com 
2.lalu login ke akun blog masing-masing
3.klik desain untuk menuju dashboard blogger
4.dalam dashboard blogger pilih Laman dan buat Laman baru , Contohnya lihat gambar di bawah ini

5.setelah kebuka laman/halaman barunya , lalu tentukan cara penulisanya dalam posisi Html Bukan compose
6.selanjutnya silahkan kopi kode yang di bawah ini dan pastekan kedalam halaman baru tersebut.

<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_m9cVLR0pmWFgwZ1NmdW8/" type="text/javascript"></script>
<script src="http://www.jasa-website.web.id/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>

7.silahkan ganti kode yang di atas yang warna biru ganti dengan alamat url blog anda masing-masing
8.jangan lupa memberi judul halamanya  daftar isi atau sitemap , terserah anda.
9.lalu publikasikan halaman tersebut
10.selesai.
11.selanjutnya silahkan tampilkan menu daftar isi blog anda di menu blog/website anda, sehingga pengunjung akan lebih mudah untuk mencari artikel/konten yang sudah anda buat.

• Atau bisa di coba kode di bawah ini ( cara memasukan nya sama seperti di atas ) / ganti kode yg berwarna biru dengan alamat / url blog anda masing-masing

<style> p.labels a{color: #4169E1; text-transform: uppercase;font-size: 15px;}
a.post-titles {color: #1E90FF;}
ol li{list-style-type:decimal;line-height:25px;}
</style> <script type="text/javascript" src="http://yourjavascript.com/7366511402/simplesitemap.js"></script>
<script src="http://www.jasa-website.web.id/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=bloggersitemap"></script>
<style> .sitemap-link{display:none} <style>

Demikian panduan blogger dari jasa pembuatan website tentang Cara membuat daftar isi atau sitemap blog dan website.