Bonus Sitemap

Bonus ketiga yaitu Sitemap. Apasih itu sitemap...?
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://santa-mars.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>