Cara Spoiler Gambar Pada Postingan

Kabar Hoax OFFicial- Sebelumnya saya telah membaha bagaimana cara membuat Spoiler dengan Teks Berikut saya akan membahas bagaimana cara membuat spoiler pada Gambar, Spoiler itu berguna bukan ? Selain menghemat tampilan blog kelihatan rapi Juga ketika di Pandang Mata.


Berikut caranya:
Contoh :

Gambar yang ingin di Spoilerkan adalah 

 

• Anda Harus Mendapatkan URL gambarnya, Bisa Klick Kanan View Image/ Copy Link Image Location
• URL gambar di atas Adalah https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0XsUc94SsZSO-IOgnXyFGBiAy54z0irJ5Omu_ihPNHQZeF1jvo6P5zJESd4qKeWgq3Eih12Y2pkgMpH-g8bmrIGtYibi0pFKseKXoQa9S6Vc5vkWmaAeb8ZGA8FzKl4Zj1UuI6La6MDE/s1600/korean.jpeg

Maka Kodenya menjadi Seperti ini :

<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;">

<img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0XsUc94SsZSO-IOgnXyFGBiAy54z0irJ5Omu_ihPNHQZeF1jvo6P5zJESd4qKeWgq3Eih12Y2pkgMpH-g8bmrIGtYibi0pFKseKXoQa9S6Vc5vkWmaAeb8ZGA8FzKl4Zj1UuI6La6MDE/s1600/korean.jpeg " border="0" alt="Post spoiler">

</div>

</div>

</div> 



Maka Hasilnya Menjadi Seperti INI

 

Spoiler :

jangan lupa likenya Bro ganteng + cantik + seksi :)