Cara Membuat Spoiler Gambar Pada Blogger

Posted by Merah Putih On 30 Januari 2012 1 komentar

Udaha lama ga Update niih Blog, :D
maklum gan, saking senengnya ane maen game sampe lupa bikin Postingan baru buat Blog ini.. Hehe
Ohh ya kali ini saya akan share Tips atau Trick membuat Spoiler gambar pada Blogger kawan2.. :D
untuk HTML nya bisa di Coppy di bawah ini..

<div id="spoiler"><div> <input style="font-size: 11px; font-weight: bold; margin: 5px; padding: 0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = ' Tutup '; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = ' Lihat Lagi '; }" name="button" _cke_saved_name="button" type="button" value="spoiler" /></div> <div id="show" style="border: 1px solid white; display: none; margin: 5px; padding: 2px; width: 98%;"> <p align="center"> <img class="aligncenter" src="ALAMAT GAMBAR?imgmax=800" _cke_saved_src="ALAMAT GAMBAR?imgmax=800" alt="monyet" width="600" height="400" /> </p></div><div id="hide"></div></div>

Tulisan yang saya beri warna merah silahkan di ganti dengan alamat gambar yang ingin kawan masukkan ke Blogger..

Untuk Contoh Spoiler yang sudah jadi bisa kawan-kawn lihat seperti dibawah ini.. :D


gimana bisa kan..??
ayoo di test ke blognya.. :D




1 komentar:

Unknown mengatakan...

Mantap gan :D
Followback blog saya ya gan http://eskrimsandwich.blogspot.com :)
Terima kasih..

Posting Komentar

No Spam Brader :)