Cara membuat Spoiler di dalam entri blog

Pagi......Sobat blogger ,pada kesempatan kali ini saya akan memberikan satu info cara membuat Spoiler di dalm entri blog ,seperti pada judul artikel ini  .Oke tanpa banyak bertele langsung aja bisa diliat caranya:

Pertama sobat login ke Blogger dulu

2.pilih entri baru

3.terserah di bagian ini sobat mau posting apa

4.pilih edit HTML

5.copas script dibawah ini

<div><div style="margin: 5px;">

<div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">Judul spoiler nya</span></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" 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;">

isi text nya disini sobat

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

lalu jadi seperti ini :

Judul spoiler nya

isi text nya disini sobat

klo sudah jadi seperti diatas berarti sobat berhasil dan jangan lupa ucapkan terima kasih ...

    udah dulu,ya info dari saya

                                                                                      

.....sekian dan terima kasih.......

ARTIKEL YANG BERHUBUNGAN :