Halo kali ini saya akan memberikan tutorial membuat sitemap si blog dan tentunya sangan mudah, membuat sitemap responsif di blog punya keuntungan tersendiri seperti postingan cepat terindex oleh google, pengunjung bisa dengan mudah melihat daftar isi dari blog kita dan lain sebagainya.
Untuk itu disini saya meluangkan waktu untuk menulis tutorial bagaimana membuat halaman sitemap responsif di blog yang tentunya keren walaupun simple den tentunya ini sangat mudah, ok langsung saja ke dalam langka-langkah nya.
Langkah - langkah membuat sitemap responsif di blog dengan mudah.
1. Seperti biasa yang pertama kita lakuin yaitu login ke dalam dasgboard blogger masing masing, jika sudah silahkan kalian masuk ke menu halaman.
2. Jika sudah silahkan kalian kalian pencet tombol tambah (+) yang ada di pojok kanan bawah kalian pencet aja, oiya untuk demo sitemapnya bisa kalian pencet disini
3. Silahkan kalian membukanya silahkan kalian tulis judul sesuai yang kalian mau sebagai contoh disini saya akan membuat judul "Sitemap" Setelah membuat judul silahkan kalian pilih "Tampilan html"
4. Jika sudha masuk ke tampilan html silahkan kalian 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,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="http://makingdifferent.github.io/blogger-widgets/sitemappage.js" type="text/javascript"></script>
<script src="https://www.viavinalionzone.my.id/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script></div>
