Sitemap yaitu Halaman Map yang menampilkan seluruh posting untuk memudahkan para pengunjung mencari artikel kita.

Demo

Ok. saya mau berbagi Bonus ketiga ini.

• Pertama kita membuat Entri Baru seperti Slide Show Foto tadi.
• Terus letakkan Source kode ini dengan format HTML
• Ganti http://coolaugust.blogspot.com/ dengan url sobat.

<style type="text/css">
#dafis-acc{ font-family:"Arial", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#fff;padding:2px 0;}
.dafis-label{background:black; font-weight:bold; line-height:1.4em; overflow:hidden; white-space:nowrap; vertical-align: baseline; margin: 0px 3px; outline: none; cursor: pointer; text-decoration: none; padding: 2px 10px; color: greenyellow; text-shadow: 0 1px 1px rgba(0,0,0,.3); border-top:2px solid #e8b200;}
.dafis-label:hover{ color:greenyellow;opacity:0.4; }
.dafis-daf ol{ margin:0 0 0 30px !important; padding:0 !important;}
.dafis-daf ol li{line-height:1.5em; margin:1px 3px !important; white-space:nowrap; text-align:left;}
.dafis-daf ol li a{ text-decoration: none !important; color:#fff !important; display:block; padding-left:10px; }
.dafis-daf ol li a:hover{ background:#333; border-left: 5px #FF0000 solid; padding-left: 5px; text-shadow: 0 1px 1px rgba(0,0,0,.3);} 
</style> 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="https://sites.google.com/site/blogsantamars/css-santa-mars/sitemap-page.js" type="text/javascript"> </script> 
<script src="http://santa-mars.blogspot.com/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc"> </script>