cara membuat spoiler pada Blogger
Tombol Spoiler atau Show Hide Button berguna untuk menyembunyikan gambar, teks ataupun link agar menghemat ruang postingan. Tombol ini akan terbuka jika pengunjung mengklik pada tombol dan tertutup bila mengkliknya lagi. Spoiler biasanya gampang ditemui di forum-forum umum, misalnya kaskus atau forum lainnya.
contoh penggunaan spoiler:
Cara penulisannya dengan menuliskan beberapa scrip code yang tentunya membuat kesulitan bagi pemula. untuk itu, cobalah meng copy-paste kode dibawah ini,dan ganti huruf yang berwarna merah:
<div><div style="margin: 5px;"><div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">Judul Spoilernya...</span></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; " 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"/></div><div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">disini adalah letak isi spoiler</div></div></div></div>
Sumber: http://www.fachrin.tk/2010/10/cara-membuat-spoiler-di-blogger.html#ixzz1JF54fZDa
contoh penggunaan spoiler:
Judul Spoilernya...
SMP Negeri 3 Grogol
Cara penulisannya dengan menuliskan beberapa scrip code yang tentunya membuat kesulitan bagi pemula. untuk itu, cobalah meng copy-paste kode dibawah ini,dan ganti huruf yang berwarna merah:
<div><div style="margin: 5px;"><div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">Judul Spoilernya...</span></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; " 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"/></div><div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">disini adalah letak isi spoiler</div></div></div></div>
Sumber: http://www.fachrin.tk/2010/10/cara-membuat-spoiler-di-blogger.html#ixzz1JF54fZDa
