Cara Membuat Spoiler di Blogger - Hallo sahabat Meta News, Pada Artikel yang anda baca kali ini dengan judul Cara Membuat Spoiler di Blogger, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel Tutorial, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Cara Membuat Spoiler di Blogger
link : Cara Membuat Spoiler di Blogger

Cara Membuat Spoiler di Blogger

Spoiler digunakan untuk menyembunyikan tulisan atau kontent tertentu dari halaman website. Contoh penggunaannya seperti terlihat pada halaman post di MetaNews ID ini.
Pada halaman tersebut, saya menggunakan spoiler untuk menyembunyikan jawaban dari pertanyaan di atasnya. Anda mungkin bisa menggunakannya untuk keperluan lain.
Seperti terlihat pada contoh di halaman tersebut, saat anda mengklik "klik disini" maka akan keluar jawaban yang benar dari pertanyaan di atasnya. (dan artinya pula anda tidak tahu jawabannya, bukan? hehehehe, becanda)

Contoh Spoiler

Nah, berikut ini kode untuk membuat spoiler seperti di halaman tersebut.

<div><div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">JUDUL SPOILER </span></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 class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">
Masukan Tulisan Yang Akan Anda Inginkan (html / Java Script)
</div></div></div></div> 

copy paste kode tersebut di halaman posting atau di gadget Blogger anda, terserah dimana saja ingin menempatkan spoiler tersebut.
Anda bisa mengganti tulisan berwarna biru di atas sesuai dengan keinginan anda sendiri. Oke!! Cukup mudah bukan?

Tributed to : SaungUpdate

Demikianlah Artikel Cara Membuat Spoiler di Blogger

Sekianlah artikel Cara Membuat Spoiler di Blogger kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Cara Membuat Spoiler di Blogger dengan alamat link https://infoasikindo.blogspot.com/2013/11/cara-membuat-spoiler-di-blogger.html

Tweet