live demo :)
Daripada sobat bingung dan mencari - cari tutorial membuat sitemap yang keren dan responsive , mending lihat tutorial yang akan bagikan kepada sobat berikut ini .
Cara Membuat Daftar Isi Keren Dan Responsive
#1. Login ke blogger => Pilih "Laman" => Klik "Laman Baru"
#2. Kemudian pilih bagian "HTML" bukan "Compose"
#3. Lalu copy paste kode dibawah ini dan taruh di bagian HTML tadi
<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://yourjavascript.com/10414791501/kabarlangit-sitemap.js" type="text/javascript"></script>
<script src="http://kholil96.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script></div>
4. Ganti tulisan yang berwarna biru dengan url blog sobat
5. Kemudian klik "Publikasikan" dan jangan lupa diberi judul :D
6. Selesai.
Itulah tutorial tentang cara membuat daftar isi atau sitemap yang super keren dan responsive di blogger, saya rasa cukup mudah dalam membuatnya tetapi jika sobat masih kebingungan silahkan tinggalkan komentar tuntuk bertanya - tanya :D
