TOMBOL SPOILER POSTINGAN BLOG

TOMBOL SPOILER

Postingan saya kali ini akan membahas mengenai cara membuat tombol tampil dan sembunyi pada text atw pun image, tombol seperti ini biasanya sih di sebut dengan SPOILER.

Caranyapun Cukup Mudah Cukup Mas Blog Copy Code di bawah ini dan pastekan di tempat di mana MAS BLOG inginkan pada Postingan Sobat.

<div><input type="button" value="Lihat Gambar" style="margin:0px;padding:0px;" 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 = 'Sembunyikan'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Lihat Gambar'; }"><br /> </div><br /> <div style="background: #ffffff; margin: 10px auto;<br /> border: 0px solid #000;<br /> padding: 5px;"><br /> <div style="display: none;"><br /> <img src="http://a0.twimg.com/profile_background_images/314865843/mrpujiajadeh.gif" alt="Tombol Spoiler di Postingan Blog" title="Tombol Spoiler di Postingan Blog." width="300" height="200"/><br /> </div><br /> </div></div>

HASIL DARICODE Css SEPERTI DI ATAS BISA MAS BLOG LIHAT DI BAWAH 

Mas Blog bisa berkreasi dengan tulisan yang muncul pada Tombol Di atas
Cukup dengan mengganti tulisan LIHAT GAMBAR dan SEMBUNYIKAN, dengan kata-kata yang MAS Blog Senangi
Oh iyya.... Kalau Mas Blog kepingin melihat Hasil dari Contoh SPOILER yang kita buat di atas, bisa kalian Lihat DI SINI
 


Read More