Holla Bloggers. Apa kabar? Masih pakai barang bajakan...??? ho..ho..ho...
Betewe udah pada tahu spoiler belum? Kalau belum ini sedikit tentang spoiler.
Spoiler adalah cara menyembunyikan sebagian konten blog, biasanya gambar/video. Cara ini sangat populer digunakan oleh para Kaskuser. Hampir pada setiap posting yang dibuat pasti ada spoilernya. Selain untuk mengurangi loading konten blog, spoiler juga akan membuat postingan terlihat lebih rapih, apalagi kalau postingannya panjang dan berisi banyak gambar.
Bagaimana cara membuat spoiler di blogger? Cukup gampang, yaitu dengan membuat posting seperti biasa. Yang membedakannya adalah kode spoiler ini harus dimasukkan ke postingan dengan mode HTML, bukan COMPOSE. Lengkapnya seperti ini:
Spoiler for New Entry:
1. Login ke blogger > Klik New Entry/Entri Baru
2. Masukkan salah satu script di bawah ini:
- SCRIPT #1
<!--spoiler MULAI--><div style="margin: 5px 20px 20px;"><div class="smallfont" style="marginbottom:2px;"><b>Contoh 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="fontsize:11px; margin: 0px; padding: 0px; width:55px;" type="button" value="Open" /></div><div class="alt2" style="border: 1px inset;margin: 0px; padding: 6px; textalign:left;"><div style="display: none;">ISI SPOILER DISINI</div></div> <!--spoiler SELESAI-->
- SCRIPT #2
<!--spoiler MULAI-->
<div style="margin: 5px 20px 20px;"><div class="smallfont" style="margin-bottom: 2px;"><b>Judul Spoiler</b>: <input value="Buka" style="margin: 0px; padding: 0px; width: 55px; font-size: 12px;" 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 = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">
ISI SPOILER DISINI <br>
</div>
</div>
</div>
<!--spoiler SELESAI-->
- SCRIPT #3
<!--spoiler MULAI-->ISI SPOILER DISINI
EmoticonEmoticon