Cara Membuat Spoiler Pada Postingan Blog

Cara Membuat Spoiler Pada Postingan Blog - Apakah anda sudah tau kegunaan Spoiler ? kegunaannya Spoiler adalah untuk menyembunyikan konten yang ada di dalam spoiler,Spoiler  yang biasa di sebut dengan sebutan Hide and show button , konten yang di taruh di Spoiler ini bisa berisi berbagai macam, seperti gambar, video, teks maupun script dan kode . spoiler ini juga bisa ditaruh di side bar maupun postingan blog. tinggal Kalian copy kode di bawah ini, edit dan ubah sesuai dengan kebutuhan anda , lalu paste di side bar atau postingan yang anda inginkan.

Langkah - Langkah Cara Membuat Spoiler Pada Postingan Blog :

1. Login ke blogger.

2. Kemudian tulis postingan baru.

3. Ganti tab Compose ke tab HTML Masukan kode di bawah ini.

KodeJavascript

Klik Show Untuk Membuka:

<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;">
<b>Klik Show Untuk Membuka</b>: <input 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" style="font-size: 12px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Show" /> </div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">
http://www.hostze.net/
</div>
</div>
</div>
<br /></div>

Catatan 

Klik Show Untuk Membuka:

http://www.hostze.net/ Ganti dengan isi teks, kode html, script video, gambar dan lainnya yang anda inginkan

Demikianlah artikel yang berjudul tentang Cara Membuat Spoiler Pada Postingan Blog semoga bermanfaat.