Saturday, December 17, 2016
Hallo sobat blogger . Kali ini mas achwan akan memberikan turtorial seputar cara membuat sitemap atau biasa kita sebut sebagai daftar isi . Apasih tujuan dari dibuatnya daftar isi atau sitemap ?
Fungsi Sitemap :
- Mempermudah pengunjung mencari artikel
- Meningkatkan trafik pengunjung anda disetiap artikel
- Memberikan kesan blog yang bagus dan tertata
Seperti apasih sitemap itu? anda bisa melihatnya dengan cara mengklik "Daftar isi" diatas blog ini atau bisa juga melihat gambar dibawah ini .
 |
| Sitemap masachwan |
Dengan kata lain daftar isi sama halnya seperti label , namun perbedaannya adalah daftar isi menampilkan seluruh artikel dilabel yang berbeda-beda .
Cara Membuat Daftar Isi Untuk Blog
1. Masuk kedasbor blog (
www.blogger.com)
2. Masuk kemenu halaman / pages lalu buat laman baru (jangan lupa klik HTML jangan Compose)
3. Publikasikan .
Salin kode daftar isinya dibawah ini .
Kode daftar isi sesuai label (polosan)
<style>
p.labels a{color: #242424; text-transform: uppercase;font-size: 15px;}
a.post-titles {color: #0000FF;}
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://masachwan.blogspot.co.id/feeds/posts/default?max-results=9999&alt=json-in-script&callback=bloggersitemap"></script>
Kode daftar isi sesuai label (terdapat warna pada label)
<style>
p.labels a {
color: #fff;
text-transform: uppercase;
font-size: 15px;
font-weight: 600;
border-bottom: 1px solid #ddd;
display: block;
padding: 8px;
background: #555;
}
a.post-titles {color: #0000FF;}
ol li{list-style-type:decimal;line-height:25px;}
.sitemap-link{display:none}
</style>
<script type="text/javascript" src="http://yourjavascript.com/7366511402/simplesitemap.js"></script>
<script src="http://masachwan.blogspot.co.id/feeds/posts/default?max-results=9999&alt=json-in-script&callback=bloggersitemap"></script>
Kode daftar isi berdasarkan tanggal publikasi
<script src=" http://mastergomaster.googlecode.com/files/daftar%20isi%20blog.js "></script>
<script src="http://masachwan.blogspot.co.id/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
Kode daftar isi berdasarkan tanggal publikasi (modifikasi)
<div style="background-color: none; border: 1px solid #000000; height: 400px; margin: auto; overflow: auto; padding: 3px; text-align: left; width: 100%;">
<script src=" http://mastergomaster.googlecode.com/files/daftar%20isi%20blog.js "></script>
<script src="http://masachwan.blogspot.co.id/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script></div>
Nah begitulah cara membuat daftar isi untuk blogger , jangan lupa untuk mengganti link blogger saya menjadi link blogger anda , karena jika tidak daftar isi yang akan muncul nantinya malah daftar isi dari blog saya bukan blog anda , untuk mempermudahnya saya sudah beri warna merah disetiap kode diatas .
Semoga ada manfaatnya bagi anda yang membaca .