Cara Membuat SITEMAP/ Daftar Isi di Blog Keren Dan Responsive (update 2017)

Rasman.web.id - Cara Membuat SITEMAP/ Daftar Isi di Blog Keren Dan Responsive-  Sitemap atau daftar isi sangat penting dalam sebuah blog. Tujuannya sudah jelas sob, untuk memudahkan pengunjung atau pembaca dalam mencari serta melihat daftar tulisan kita.

Kali ini saya akan membagikan bagaimana cara membuat Sitemap yang keren atau responsive sobat. Dan tidak bisa dipungkiri, bahwa saat ini style atau tampilan blog sangat berpengaruh sob. Kalau hanya mengandalkan tulisan saja, tapi tampilannya amburadul, maka bisa Dipastikan kalau pengunjung akan bosan.

Maka dari itu, banyak sekali sekarang ini template blog yang sangat keren tampilannya. Ok lah sobat, dari pada nglantur ngak jelas, langsung aja saya bagikan cara membuat Sitemap Keren dan Responsive.

Berikut adalah langkah-langkahnya sobat.

1. Login ke akun blog sobat.
2. Pilih menu Laman
3. Buat Laman Baru
4. Ganti penulisan dari Compose ke HTML
5. Selanjutnya salin dan pastekan Kode Berikut "

<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,center 60,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="http://yourjavascript.com/19011761625/scriptsitemapbaru.js" type="text/javascript"></script>
<script src="http://www.rasman.web.id/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>

"Ganti tulisan berwarna merah dengan alamat Blog Sobat"
6. Klik simpan

Update 2017.....

Scrip diatas sudah tidak kompatibel. Dan sekarang saya kasih cara membuat sitemap terbaru 2017.

<script src="http://cdn.rawgit.com/D-dig/js/gh-pages/sitemap1.js"></script><script src="http://www.rasman.web.id/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>

nah selanjutnya sobat bisa melihat hasilnya apakah sudah sesuai atau belum, jika belum sobat bisa melihat artikel di blog lain.

Itulah tulisan Tentang cara membuat sitemap atau daftar isi yang keren dan responsive, semoga bermanfaat sobat.