Cara Membuat Daftar Isi/Sitemap Keren di Blog
Assalamu'alaikum Wr. Wb. sobat Fakhrie.
kali ini saya akan memberi tutorial Cara Membuat Daftar Isi/Sitemap di Blog. Daftar Isi ini berfungsi agar pengunjung blog mudah mencari isi-isi yang ada diblog sobat...Tampilan ini lebih keren daripada tampilan-tampilan Daftar Isi yang lain,
penampakannya kira-kira seperti ini :
keren kan?
langsung saja disimak baik-baik caranya :
1. masuk Laman lalu tambah laman
2. masuk mode HTML
3. Copy kode dibawah ini :
<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/15852197411/tipblogbaru-sitemap.js" type="text/javascript"></script>
<script src="http://fakhrie-share.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script></div>
4. Paste kode tadi di kolom mode HTML tadi.
5. Ganti kode yang berwarna merah dengan link blog sobat
6. Beri nama lalu simpan
Lihat hasilnya
Semoga postingan kali ini bermanfaat bagi sobat ^_^
