Widget Daftar Isi Menggunakan Spoiler

Postingan kali ini buat sobat yang menggunakan Blogspot, buat wordpress.com sepertinya tidak bisa karena widget ini menggunakan kode javascript, widget daftar isi ini terkesan menghemat tempat karena daftar isinya tidak langsung di tampilkan, selain itu widget ini juga tidak menambah berat loading blog.
Buat yang ingin mencobanya, silakan ikuti tutorial berikut :

  1. Login ke blogger, klik Design/Rancangan > Page Element/Elemen Halaman.

    Membuat Widget Daftar Isi Tersembunyi

  2. Klik Add a Gadget, pilih HTML/Java Script

    Membuat Widget Daftar Isi Tersembunyi

  3. Lalu masukkan kode berikut :
    <div><div><div style="margin: 5px;"><div style="margin-bottom: 2px;"><input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'TUTUP'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Daftar Isi'; }" value="Daftar Isi" style="margin: 0px; padding: 5px; width: 100%; font-size: 11px; background: none repeat scroll 0% 0% blue; border-top-left-radius: 15px; border-bottom-right-radius: 15px;" type="button" /></div><div><div style="display: none;"><div style="text-align: justify; padding: 2px;"><center><blink><h3>Daftar Isi</h3></blink></center><div style="overflow: auto; width: 270px; height: 200px; padding: 10px; border: 1px solid rgb(238, 238, 238);"><script src="http://html-scripts.googlecode.com/files/feeds.js"> </script><script src="http://alamatblog.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"> </script></div></div></div></div></div></div></div>

    Ganti alamatblog.com dengan alamat blog Sobat.

  4. Terakhir klik Save.

    Membuat Widget Daftar Isi Tersembunyi

    Selesai…

Sumber : Membuat Widget Daftar Isi Tersembunyi.

Comments
3 Responses to “Widget Daftar Isi Menggunakan Spoiler”
  1. new download says:

    I’m gone to inform my little brother, that he should also pay a quick visit this website on regular basis
    to take updated from atest reports.

  2. Jefry says:

    saya pikir widget daftar isinya khusus blog wordpress ni..

  3. saya mengharap berita tentang manfaat buah2 an atau sayuran2 yang amat Berguna bagi Kesehatan Tubuh. semoga Bakulatz Maju Terus…!!!!!!

Silakan tinggalkan komentar Sobat disini. Terima kasih...

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: