Header Ads

Membuat Spoiler di Blogspot

Memberikan Sedikit Tips Nge-blog lagi nih, sebenarnya banyak banget tutorial bikin spoiler di luaran sana :) tapi tujuan saya posting tentang bagaimana membuat spoiler di blogspot adalah agar memudahkan saya sendiri khususnya untuk memperkaya tuts tentang ngeblog dan apabila ada yang nyasar kesini ya Alhamdulillah satu support dari Anda! :)

Langsung saja ya kawan, kalau Anda ingin membuat Spoiler seperti di bawah ini :

Spoiler :
Ini adalah contoh membuat Spoiler di Blogspot / Bloggger, contoh link Informatika2shared.
contoh gambar di dalam spoiler

Masukkan Source Code di bawah ini pada tab html :
<div style="margin: 5px 20px 20px;"><div class="smallfont" style="margin-bottom: 2px;">
<b>Spoiler</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 = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px; text-align: left;">
<div style="display: none;">
Isi Spoiler disini
</div>
</div>
</div>
Mungkin Ada yang mau nambahin? :) Silahkan...
Happy Sharing!
Diberdayakan oleh Blogger.