Cara Membuat Spoiler di Blog

Hai..sob..saya depet ilmu lagi nih sob yaitu Cara Membuat Spoiler di Blog.
Jika sobat sering ke forum2, pasti sobat sering berjumpa dengan spoiler, jika sobat belum tau apa itu spoiler, saya akan terangkan sedikit, sopoiler adalah tobol buka tutup, yg kalo di buka akan muncul text atau gambar, dan jika di tutup text dan gambar tersebut akan tersembunyi.
nah pasti sobat penasarankan cara buatnya nah...simak yo...

• Masuk ke Dasbor

• Masuk ke Postingan yg ingin sobat beri spoiler.

• Kan Disitu ada 2 mode yaitu Compose dan HTML. Sobat pilih yg HTML.

<div id="spoiler">
<div><input type="button" value="Buka" 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 = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka Lagi'; }">
</div>
<div style="background: #00ffff; margin: 10px auto;
border: 0px solid #000;
padding: 5px;">
<div style="display: none;">
Isi Nya.....
</div>

Note :

• Tulisan yg Berwarna biru bisa sobat ganti dengan kata-kata terserah sobat.
• Kode berwarna merah adalah kode warna untuk background. Jika ingin background transparan, anda bisa mengganti kode tersebut dengan tulisan transparent.
• Dan Tulisan yg berwarna hijau sobat ganti dengan isi saat spoiler di buka, bisa berupa Tulisan, Gambar, Atau pun Video.

• Simpan Dan lihat hasilnya.

http://luhurfatah10.blogspot.com/2012/12/cara-membuat-spoiler-di-blog.html

Artikel Terkait: