Cara Membuat Daftar Isi Otomatis Di Blogger

Admin nip

Friday, 4 April 2014

Daftar Isi/Sitemap yang ada di blog akan memudahkan baik Sobat sendiri sebagai pemilik blog maupun pengunjung blog untuk mencari suatu artikel. Nah, kali ini saya  akan share Cara Membuat Daftar Isi Otomatis Di Blogger. kalau kalian ingin melihat demonya... lihat Sitemap Artikel Anip

OK, langsung aja yuk :)

• Login ke Blogger (pastinya :D)
• Klik laman, laman baru

• Lalu klik Mode HTML

• Pastekan Script di bawah ini...

Script Update!

14 April 2014 

<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/0ByNodV_m9cVLR0pmWFgwZ1NmdW8/" type="text/javascript"></script>
<script src="http://www.YOURBLOG.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>
<div style="text-align: right;">
<a href="http://aanip.blogspot.com/2014/04/cara-membuat-daftar-isi-otomatis-di.html"><span style="font-size: x-small;">Get sitemap widget</span></a></div>

Note: Warna Biru ganti dengan URL blog/website anda

• Lalu klik simpan..

Nah gimana?
Sitemapnya lumayan keren kan? langsung aja di coba sob... jangan ragu ragu :D
Sekian Artikel dari saya :) Semoga bermanfaat

Postingan Kelas: Blogger, Tutorial