Memberi Spoiler pada posting BLOG

Memberi Spoiler pada Posting BLOG anda..!! blog terlihat lebih simple.....
Langsung saja...




Contoh Spoiler

=========================

Contoh Tampilan Menu Tutup Buka Contoh Tampilan Menu Tutup Buka Contoh Tampilan Menu Tutup Buka

=========================

Code JAVA/SCRIPT:

<div style="margin: 5px;">
<div class="bigfont" style="margin-bottom: 2px;">
<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="margin: 0px; padding: 0px; width: 60px;" type="button" value="Open" /></div>
<div class="alt2" style="-moz-border-radius: 10px 10px 10px 10px; -moz-box-shadow: 2px 2px 4px rgb(139, 210, 104); background: url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi3wPp-NDoevGv1a4VCVAV_I4wqp_gj0JON5DfythOCZtFv9M_h15Bg_dVNdwf_nMDm9pWNpYjFnVSJAU8FW04RoN4eAQpcX1A4BTwPBj2eDzch5DorLK0iMg6i4z1IGED8ZDzYD25a44L/s1600/papers.jpg&quot;) no-repeat scroll 0% 0% transparent; border: 1px inset; color: black; margin: 0px; padding: 6px;">
<div style="display: none;">

=====GANTI TEXT INI DENGAN TEXT ANDA=====

</div>
</div>
</div>

Cara :

1. Masuk Posting  Blog
2. Pilih Entri Baru
3. Copy code JAVA/SCRIP diatas pada Edit HTML di Posting Blog 

Cara Dengan GAMBAR ==>

NB : Script code spoiler bisa anda ganti-ganti sedikit..!! Misalnya background, warna text, margins, dll........

HAPPY BLOGGING

by: g4mezone.blogspot.com