Cara Membuat Spoiler di Blog

Cara Membuat Spoiler di Blog


1.Buka Blogger 
2. Masukan Email Dan Pasword
3. Masukan Ke Dalam Post
4.Lalu Buka entri Baru
5.Setelah itu Muncul Tab Editor
6. Lalu klik Tab HTML ( terletak pada sebelah tab compose )
7.Setelah itu Copy Pastekan Code Berikut ini

<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;">

Letakan code tersebut.

8.Kita Dapat Mengubah Judul Spoiler Sesuai dengan selera kita, begitu juga tulisan 
"Buka"dan "Tutup"

9.Klik Publisc Apabila Sudah Selesai..

10.Silahkan di lihat.

Thankyou : SMPN 2 Pagaden
Credit : Rusmayana