| contoh http://www.tutortatut.com/ |
tampilan di atas sangat mewah dan design sederhana ramping tidak memperlambat loading web saat anda mengklik salah satu artikel , judul post di pisahkan dengan angka angka yang tertera warna tidak terlalu mencolok cocok untuk anda yang baru mengenal dunia blogger , yukk simak tahapannya!
- silahkan anda masuk ke dasboar blogger anda > masuk ke halam >laman baru dan edit html>lalu kalian tulis judul >sitemap
- sesudah anda menulis judul silahkan pastekan code di bawah 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="https://googledrive.com/host/0B2ww3WS8P1MJM2JkeHlyUVp4dnc/" type="text/javascript"></script>
<script src="http://www.YOURBLOGDOMAIN.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script></div>
- silahkan anda ganti YOURBLOGDOMAIN dengan domain yang anda gunakan di bloger anda setelah iu anda sev dan lihat hasilnya maka artikel kalian sudah empunyai daftar isi seperti yang tertera di contoh gambar yang saya berikan untuk melihat artikel selanjutnya silahkan klik di sitmap blogger semoga artikel yang saya berikan bermanfaat untuk saran dan komentar silahkan anda masuk ke kontak kami dengan klik di bawah ini
