Membuat Sitemap Otomatis Dengan Style

Hay teman, pada artikel kali ini saya akan memberikan tutorial membuat sitemap / daftar isi blog otomatis dengan style CSS dan Javascript. Jika anda ingin widgets seperti diatas, ikuti langkah demi langkah berikut ini ...

1. Login blogger anda

2. Pilih blog yang dikelola

3. Masuk ke halaman LAMAN

4. Pilh laman Kosong

5. Pada halaman LAMAN Kosong pilih HTML disebelah Compose

6. Masukan script berikut :

Script »

<a href="http://www.blogger.com/blogger.g?blogID=6984301103846628017" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a></div>
<br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script><link href="http://reader-download.googlecode.com/svn/trunk/acc-toc-labelsort-default.css" media="screen" rel="stylesheet" type="text/css"></link><br />
<br />
<script type="text/javascript"><br />
var showNew    = true,<br />
accToc     = true,<br />
    openNewTab = false,<br />
    maxNew     = 10,<br />
    baru       = "new !!",<br />
    sDownSpeed = 600,<br />
    sUpSpeed   = 600;<br />
</script><br />
<br />
<script src="http://my-project-daftari-isi.googlecode.com/files/daftar-halaman.js" type="text/javascript"></script><br />
<br />
<script src="/feeds/posts/summary?max-results=9999&alt=json-in-script&callback=loadtoc"></script>

7. Publikasikan

 accToc = true          = untuk membuat sitemap menjadi buka tutup

openNewTab = true = ketika link di klik maka akan membuka tab baru

maxNew = 10          = jumlah artikel baru yang akan ditampilkan

baru = "new !!"         = tulisan yang akan ditampilkan pada postingan baru

sDownSpeed = 600 = kecepatan saat membuka label

sUpSpeed = 600     = saat menutup label

* jika diganti dengan flase maka akan menjadi kebalikannya

Lihat hasilnya :

Semoga Bermanfaat