Sitemap atau Daftar Isi Menarik 2

Sebelumnya saya sudah memposting Sitemap atau Daftar Isi Menarik 1 dan sekarang lanjut dengan Sitemap atau Daftar Isi Menarik 2.

Dalam Sitemap atau Daftar Isi ini tidak jauh beda dengan yang Pertama 1, karena yang berubah hanya warnanya saja. Untuk mepersingkat langsung saja lihat:
1. Login ke akun Blog Anda
2. Pilih Tata Letak
3. Setelah itu pilih Tambah Gadget
4. Kemudian Tambahkan HTML/JavaScript
5. Dan Copy kode di bawah ini :

Kodenya bisa dilihat disini:

<link href="http://sites.google.com/site/congcot/kode-1/CCcss1.css" media="screen" rel="stylesheet" type="text/css"></link>
<script src="http://facewoman.googlecode.com/files/Daftar-isi-andikwin-facewoman.js"> 
</script>
<script src="http://ferryxzyamato.blogspot.com/feeds/posts/summary?max-results=200&amp;alt=json-in-script&amp;callback=loadtoc">
</script>
<script type="text/javascript">
$(function() {
$("#daftar-isi .judul-list").hide();
$("#daftar-isi .judul-label:first").addClass('headactive').next().slideDown();
$("#daftar-isi .judul-label").css("cursor", "pointer");
$("#daftar-isi .judul-label").click(function() {
if($(this).next().is(':hidden')) {
$("#daftar-isi .judul-label").removeClass('headactive').next().slideUp(); 
$(this).toggleClass('headactive').next().slideDown();
}
});
}); </script>

6. Setelah selesai tinggal disimpan.

NB:
_. ganti warna yang Biru dengan alamat Blog sobat.

Hasilnya bisa dilihat disini: Gimana ??