Cara Membuat Spoiler di Postingan Blog

Membuat Spoiler banyak caranya bro dan sesuai yang lo inginkan bro, cara yang satu ini bro adalah membuat spoiler yang letaknya itu sendiri di dalam postingan yang gunanya untuk menyembunyikan berbagai gambar, Tulisan, Video dan lainnya yag lo inginkan bro, nah itu lebih jelas mari ikuti tatacara pembuatannya berikut bro :


1. Masuk ke Blogger lo pada bro.
2. Silahkan Buat Entri baru bro.

3. Setelah masuk bro, Pilih Tampilan dalam EDIT HTML ya bro.

4. Kemudian Copy Paste Kode Berikut Didalam Menu EDIT HTML tadi bro :



<div style="margin: 5px 20px 20px;"><div class="smallfont" style="margin-bottom: 2px;">
<b>Judul Spoiler Lo Bro</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 = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Buka" /></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px; text-align: left;">
<div style="display: none;">
<center>Isi Sesuai yang lo inginkan bro</center>
</div>
</div>
</div> 


Ket :

• Silahkan Lo ganti Tulisan yang Berwarna MERAH sesuai judul yg lo inginkan bro
• Tulisan Berwarna HIJAU bisa lo ganti dengan gambar bro, gunakan menu ini bro : 

1. <img src="Isi Sesuai URL GAMBAR yang lo ingin tayangkan bro" border="0" alt="Post spoiler">

5. Tinggal Publish dan Lihat deh bro hasilnya, memang kalo didalam menu posting tidak bisa dibuka Spoilernya, tapi setelah di publlish bro akan terbuka kok bro spoilernya.

Selamat Mencoba ya Bro ! ! !