Cara Membuat Spoiler Dipostingan Blogger

Cara Membuat Spoiler Dipostingan Blogger. Merupakan Salah satu Tips dan Triks mempercantik tampilan blog sobat dengan menggunakan Spoiler. Untuk apa fungsinya

Fungsi Spoiler sendiri adalah memperkecil postingan untuk menhemat space terutama untuk posting yang panjang kebawah seperti kode script atau tulisan atau gambar..

Contoh spoiler

Contoh Spoiler:

Haiii sobat spoiler berhasil !!

Adapun Scriptnya sebagai berikut :

<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"><b>Contoh Spoiler</b>: <input value="View" 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 = 'Hidden'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'View'; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">
Haiii sobat spoiler berhasil !!
<br />
</div>
</div>
</div>

Perhatikan :  [+] Contoh Spoiler
[+] Haiii sobat spoiler berhasil !!


[==] Silahkan ganti sesuai keinginan sobat

Blogger Tips