Tutorial Blog : Cara Sederhana Membuat Daftar Isi Spoiler Blog

Cara Sederhana Membuat Daftar Isi Spoiler Blog daftar isi memang sangat penting bagi sebuah blog. daftar isi bisa menggunakan widget yang berasal dari blog itu sendiri, tapi apa salahnya jika kita menggunakan widget daftar isi spoiler ini untuk mempercantik blog.. hahahah owh iya daftar isi spoiler itu adalah daftar isi yang bentuknya bisa di sembunyikan dan ditampilkan atau bahasa kerennya hide and show hehheheh berikut adalah langkah-langkahnya:

1. Log in Ke blogger dengan menggunakan email sobat

2. pilih Widget / Tata Letak Blog

3. Add Widget

4. Cari " HTML Java Script "

5. Masukkan Kode dibawah ini
   

<div> <form name="copy"> <div align="center"> <input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="COPAS" /> </div> <div align="center"> </div> <div align="center"> <textarea cols="55" name="txt" rows="100" style="height: 144px; width: 300px;" wrap="VIRTUAL"><div class="smallfont" 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Daftar Isi'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 150px;" type="button" value="Daftar Isi" /></div> <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px; text-align: left;"> <div style="display: none; height: 250px; overflow: auto;"> <script src="http://tutorial-blog.googlecode.com/files/feeds.js"> </script><script src="http://informasibogorbarat.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"> </script> </div> </div> <br>

      ket:     http://informasibogorbarat.blogspot.com/feeds/post/dafault  diganti dengan Blog Sobat

6. Klik " Save " atau Simpan

7 Selesai

Selamat ngeblog....