Cara Membuat Tombol Spoiler Buka/Tutup Pada Blog

Cara Membuat Tombol Spoiler Buka/Tutup Pada Blog. sobat, kali ini saya akan berbagi tutorial Membuat Tombol Spoiler Buka/Tutup pada blog, yang mana tombol ini bisa bermanfaat & digunakan untuk menyembunyikan sebuah artikel yang berisi gambar, script atau yang lainnya, dan akan terlihat dan terbuka setelah dilakukan klick pada Tombol Buka Tutup tersebut.

contoh :
GANTI DENGAN TULISAN ATAU SCRIPT SOBAT DISINI

gimana tertarikah sobat untuk membuatnya?
oke caranya simple, simak tutorial saya berikut ini :
1. pilihi tempat yg akan sobat pasang tombol spoiler, entah dipostingan atau widget dll
2. copas kode dibawah ini

<div style="margin-bottom: 2px;">
<div style="margin-top: 5px; text-align: center;">
<input value="Buka" style="margin-top: 5px; width: 100px; font-size: 12px;" 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;">


GANTI DENGAN TULISAN ATAU SCRIPT SOBAT DISINI


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

3. Jika sudah maka, lihat hasilnya. apabila berhasil maka tombol buka tutup akan terbuka.

demikian tutorial dari saya, semoga bermanfaat !!
Jangan lupa beri komentarnya ya :)

7 Responses to "Cara Membuat Tombol Spoiler Buka/Tutup Pada Blog"

  1. sip, aku juga dah pernah sharing tutorial ini,,, blog qm udah bagus tinggal bagaimana dapat visitor yg banyak

    ReplyDelete
  2. Thanks om blog ku makin bagus ni.... NZ Om

    ReplyDelete
  3. wah keren sob,
    datang menjalankan tugas blogger sob..hehee.
    sukses sob..

    ReplyDelete

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel