Membuat Spoiler Dengan Tombol [Buka atau Tutup] di Blog - Internet Beritaku

Minggu, 14 Agustus 2011

Membuat Spoiler Dengan Tombol [Buka atau Tutup] di Blog

Tau kan spoiler…merupakkan tombol yang bisa dibuka dan ditutup …ketika tombol diklik…..tehnik ini akan menghemat tempat diblog kita ….,,,,,,. Di dalam Spoiler tersebut kita bisa menyimpan widget/gadget, tulisan atau pun gambar yang anda inginkan. Mungkin ada yang bertanya susah tidak cara memasangnya diblog!! jawabannya adalah sangat musah sobat… hanya memerlukan kesabaran dan berdoa ……hehehehehe jadinya ceramah nich….\

Jadi bosan terlalu panjang lebar penjelasnnya,,,,,langsung saja ke inti pembahasannya :

  • Masuk ke blogger
  • Ke Rancangan > Elemen Laman > Tambah Gadget > Pilih HTML/Java Script
  • Masukkan Scrip Spoiler di bawah atau bisa di copy paste ke HTML/Java Scrip tadi :
<div style="margin-bottom: 2px;">
SPOILER (judul terserah sobat)

<div style="margin-top: 5px; text-align: center;"><input value="
BUKA(teserah sobat bisa juga OPEN)

" style="margin-top: 5px; 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 = '
TUTUP

'
; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = '
BUKA

'
; }" type="button"> </div>
<div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">

SISIPKAN DISINI SCRIP SOBAT , GAMBAR ATAU TEKS YANG SOBAT INGINKAN

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

  • Di SAVE Gadgetnya
Mudah kan……
Comments

2 komentar


EmoticonEmoticon