Belajar dan Berbagi Ilmu,Informasi,Software,Mp3,Picture,Dll

 

Test Buat Spoiler di Blogspot

Kali ini Andra mau belajar buat spoiler...kira kira hasilnya nanti seperti ini :

Spoiler [Gambar Berbahaya] :



Caranya ternyata gampang.
Pada saat posting copy script berikut :


Spoiler [Kode Script Spoiler] :


<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;">
<b>SPOILER <em>[SPOILER 2]</em></b> : <input value="Lihat" style="margin: 0px; padding: 0px; width: 100px; 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 = 'Sembunyikan'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Lihat'; }" type="button"> </div>

<div class="alt2" style="margin: 0px; padding: 6px; border: 1px inset;">
<div style="display:none;">
[ISI SPOILER]</div>
</div>
</div>


Ket :
Ganti SPOILER,SPOILER 2 sesuai keinginan
ISI SPOILER bebas,jika berupa gambar contohnya seperti ini https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBgud84VoIFscLJxE0n_QvIISul2SrRw9xUxMQTybVrvcJKIjKh7wVi_SD2VfG9MArccLDZe8kQZBBdS4xgHiGkw6XC85NMXUJztWx6QtjUB0rfjkohnxZUa9Q_2-4dzQPd04afkfTTHPR/s1600/Agnes+Monica+-+Muda+%2528Le+O+Le+O%2529.jpg

Comments :

0 komentar to “Test Buat Spoiler di Blogspot”

Posting Komentar

Sering Dibaca

ping.sg - the community meta blog for singapore bloggers