Modifikasi site map blogspot keren abizz

   Modifikasi Site Map blogspot Keren Abizz - Site map, bisa anda temukan dengan berbagai variasinya. Mulai dari show-hide, biasa, cantik, unik, rak buku dll. Jika anda bosan dengan site map yang anda pakai, anda bisa beralih ke sitemap dari abu farhan. Tempilannya seperti ini :

                                                                 LIVE DEMO

  Bagaimana, keren kan? Kalau begitu, langsung saja to the point.

1. Login blog.
2. Laman.
3. Klik Laman baru.

4. Klik laman kosong.
5. Ubah mode compose menjadi HTML.

6. Setelah itu, copy paste kode dibawah ini.

<style type="text/css">

/*Outer Border

------------------*/

#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);}

/*Label Color and Background

------------------*/

.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{text-transform:uppercase;}

/*Latest Post Info

------------------*/

.new{color:#FF5F00;font-weight:bold;font-style:italic}

/*Post Title List

------------------*/

.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="http://infoikiblog.googlecode.com/files/customizable-TOC.js" type="text/javascript"></script>

<script src="http://infoiki.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">

</script></div>

Note : Ganti alamat blog saya menjadi alamat blog anda, terlebih dahulu.

8. Klik Publikasikan.
9. Lalu, klik Simpan setelan/save template dan lihat hasilnya.