Cara membuat spoiler pada widget sidebar tanpa edit html New

Hai sobat blogger!!! Tutorial blogspot kali ini akan menjelaskan bagaimana cara membuat tombol show/hide atau buka/tutup (spoiler) pada widget sidebar blogspot tanpa harus meng utak atik template blog sobat. kita langsung saja ke caranya...

1. Login ke akun blog sobat.
2. Klik Rancangan --> Elemen Laman.
3. Klik add gadget ( tambah gadget )
4. Pilih HTML/Javascript'
5. Masukkan kode berikut kedalamnya.

<div><div style="margin-bottom: 2px;"><i><b><small>Klik Untuk melihat</small></b></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" 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 = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"></div>
<div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">
  
Letakkan artikel, gambar atau apapun di sini

</div></div></div>

6. Klik Simpan.
Selesai...

di coba ya.. jika ada yang kurang, bertanyalah di kotak komentar.

Anda sedang membaca artikel tentang Cara membuat spoiler pada widget sidebar tanpa edit html New dan anda bisa menemukan artikel Cara membuat spoiler pada widget sidebar tanpa edit html New ini dengan url http://anaksetress.blogspot.com/2013/04/cara-membuat-spoiler-pada-widget.html, anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Cara membuat spoiler pada widget sidebar tanpa edit html New ini sangat bermanfaat bagi teman-teman anda, namun jangan lupa untuk meletakkan link Cara membuat spoiler pada widget sidebar tanpa edit html New sumbernya.

Posted in: Tips And Triks Blogger,Tutorial