Cara Membuat Spoiler di Blog

Untuk membuat spoiler di blog perintah dasarnya adalah seperti dibawah ini dan bisa diletakkan dimana saja.

<div style="margin: 5px;">

<div class="bigfont" style="margin-bottom: 2px;">

<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 = 'Tutup'; } else {

this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display

 = 'none'; this.innerText = ''; this.value = 'Buka'; }" style="margin: 0px; padding: 0px; width: 60px;" type="button" value="Buka" /><span id="goog_1787877495"></span><span id="goog_1787877496"></span></div>

<div style="background-color: #e6e6e6; border: 1px solid rgb(66, 66, 66); height: auto; margin: 10px 0px; padding: 10px; text-align: left; width: auto;">

<div style="display: none;"> TULISAN DISINI </div></div></div>

1. Untuk Foto

TULISAN DISINI diganti dengan : alamat url blog + alamat url foto

perintahnya adalah :

<a href="ALAMAT URL BLOG"><img src="ALAMAT URL FOTO" /></a>

Contoh Spoiler Foto:

2. Untuk vedio Youtube

TULISAN DISINI diganti dengan :

<iframe allowfullscreen="" src="ALAMAT URL YOUTUBE" frameborder="0" height="315" width="420"></iframe>

contoh :

<iframe allowfullscreen="" src="http://www.youtube.com/embed/_XAFbmnhy-0" frameborder="0" height="315" width="420"></iframe>

Hasil Contoh Spoiler Youtube:

Artikel Terkait