Cara Membuat Spoiler di Blog

Cara Membuat Spoiler di Blog
1. Login ke Blogger
2. Pilih New Post atau Entri Baru seperti membuat postingan biasa
3. Pilihlah pada mode Edit HTML saat membuat postingan
4. Gunakan kode script berikut ini untuk membuat spoiler:

<div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;"><input style="margin: 0px; padding: 0px; width: 60px; 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 = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button" value="Show" /></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px; background: #FAFAF7;">
<div style="display: none;"><img class="aligncenter" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOK6v9np7MDH1VQeR9fHZJfiRGngCqzuA7qoTbWPxjDsoj0jWvJXRmtxz0ieNx3ZecaDLe84PrgqThpGWEacYKtm9Y2UW0uAGKwF9WcRDS4RXXtrXN2ApgtrJw7SfRKBHfkBCXFRMwHHc/s320/monyet.jpg" alt="monyet" width="300" height="280" /></div>
</div>

Silahkan Ganti URL https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOK6v9np7MDH1VQeR9fHZJfiRGngCqzuA7qoTbWPxjDsoj0jWvJXRmtxz0ieNx3ZecaDLe84PrgqThpGWEacYKtm9Y2UW0uAGKwF9WcRDS4RXXtrXN2ApgtrJw7SfRKBHfkBCXFRMwHHc/s320/monyet.jpg
Dengan URL Gambar anda

SHARE THIS