Cara Buat Tombol Hide dan Show di blog

<img src="spoiler.jpg" alt="spoiler">

Tombol untuk menyembunyikan dan menampilkan konten ini biasanya disebut spoiler. Sangat berfungsi untuk menghemat panjangnya suatu postingan atau gadget akibat gambar atau kata-kata yang sobat buat dengan sangat banyaknya.
Singkat kata singkat cerita langsung aja ya.

Silahkan copy script yang ada di bawah ini kemudian sobat paste aja pada postingan atau gadget sobat.


cource code

<div><div style="margin-bottom: 2px;"><i><b><small>JUDUL SPOILER</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;"> 



ISI NYA (Up to you lah)



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

Mudah bukan, tidak ada yang sulit bagi anda yang mau belajar,,kecuali saya ini yang memang asli NEWBIE dan baru bergelut di dunia blogging..

selamat mencoba ya, semoga bermanfaat.. :mantap


Kalau berhasil jadinya kayak gini

JUDUL SPOILER
ISI NYA (Up to you lah)

Share this article :

 
Reactions:  

7 comments :

  1. klik my blog http://kompos-news.blogspot.com/

    ReplyDelete
  2. keren ren ren ren ren ren re ren ren ren ren ren ren ren ren ren ren ren ren ren ren ren ren re re ren ren ren ren ren re ren ren ren ren ren ren dan reeeeeeeeeeeeeeeeeeeeeeeeeeeen !!!!!!!

    ReplyDelete
  3. This comment has been removed by the author.

    ReplyDelete
  4. Cool deh .. Visit my blog : ilmu-itu-berkah.blogspot.com

    ReplyDelete

1. Berkomentarlah dengan sopan.
2. Silahkan membuka Lapak tetapi tidak dengan menyertakakn Link Hidup, jika di temukan link HIDUP maka otomatis akan terhapus.
3. Komentar yang berbau sara / pornografi akan saya hapus.
4. Mari budayakan Komentar dengan menggunakan Bahasa Ibu.

 
Support : GooglePing | Ping-o-Matic | Alexa
Copyright © 2013. Gagaje.blogspot.com - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger