Widget Sitemap yang Sedikit Berbeda

Widget Sitemap

Bismillah...

Beberapa manfaat Blogwalking, selain dapat teman baru juga dapat tutorial baru, seperti yang sahabat lihat kali ini, pembuatnya memberi nama Widget Sitemap Versi Terbaru untuk Blogger,  tutorial widget sitemap kali ini masih tetap mengandalkan fitur json feed, css dan jquery sehingga akan terlihat menarik dan berbeda.

Cara Pasang :

1. Login ke Akun Blog

2. Pilih Design -> Edit HTML

3. Cari kode ]]></b:skin>

4. Masukkan kode dibawah ini sebelum ]]></b:skin>

.sitemapnav{width:100%;padding:0;margin:0;font:normal 12px arial}
ul.sitemapnav{padding:0;margin:0;line-height:0.5em;list-style:none}
ul.sitemapnav li{list-style:none;}
ul.sitemapnav li a{line-height:10px;padding:8px 5px;color:#000;display:block;text-decoration:none;font-weight:bold}
ul.sitemapnav li a:hover{background-color:#666;color:white}ul.sitemapnav ul{margin:0;padding:0;display:none}
ul.sitemapnav ul li{margin:0 0 0 34px;padding:0;clear:both;list-style-type:decimal;}
ul.sitemapnav ul li a{font-weight:normal;outline:0}
ul.sitemapnav ul li a:hover{background-color:#999;color:#fff}
ul.sitemapnav ul ul li a{color:silver;padding-left:40px}
ul.sitemapnav ul ul li a:hover{background-color:#999;color:#fff}
ul.sitemapnav span{float:right}

4. Cari kode </head> kemudian letakkan script dibawah ini diatasnya

<script src='http://ibd.googlecode.com/files/jquery-1.5.2.min.js' type='text/javascript'></script>

5. Klik Simpan

6. Masukkan script dibawah ke dalam Laman baru atau ke postingan baru pada Edit HTML

<script src="http://ibd.googlecode.com/files/sitemap.js" type="text/javascript"></script><script src="http://www.idblogdesign.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>

7. Ganti http://www.idblogdesign.com/ dengan nama Url sahabat

Lihat Demonya

Sumber : http://www.idblogdesign.com