Membuat Sitemap Keren Dengan CSS

Sitemap

Sitemap atau dalam bahasa indonesia bisa disebut Peta Situs adalah sebuah daftar seluruh isi suatu situs. Selain mempermudah pengunjung untuk menjelajah seluruh isi dari situs kita, sitemap juga mempermudah Search Engine untuk mengindex isi situs kita.


Nah, kali ini saya akan membagikan bagaimana membuat sitemap yang keren dengan Javascript dan CSS.



=> Copy code berikut ke situs anda:
=> Atau Rancangan - Tambah Gadget - HTML - Copas Code berikut (BLOGGER)

<style type="text/css">  #dafis-acc{ font-family:"Arial", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#fff; background:#fff; padding:2px 0; }  .dafis-label{background:#36c; 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: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.3); border-top:2px solid #e8b200; }  .dafis-label:hover{ color:#e8b200; }  .dafis-daf ol{ margin:0 0 0 30px !important; padding:0 !important; }  .dafis-daf ol li{ background-color:#ccc; 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="http://infonetmu.googlecode.com/files/Acc1.js" type="text/javascript"> </script> <script src="http://gakkuliahtapipinter.blogspot.com/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc"> </script>

Anda juga bisa merubah warna, ukuran font dan background dengan merubah code cssnya. Seperti gambar siatas itu.
semoga bermanfaat :)