Trik Membuat Tombol Show Hide pada Postingan

Trik Membuat Tombol Show Hide pada Postingan

by Unknown ~

Tombol hide and show atau spoiler bisa kalian tambahkan saat melakukan postingan. Langakah -langkahnya adalah sebagai berikut.
Steps :
1. Log in ke blogger kalian
2. Klik Entri baru. Silahkan buat entri atau postingan kalian.
3. Klik edit HTML (Menu disamping Compose saat melakukan pembuatan postingan)
4. Paste Kode di bawah ini ditempat kalian ingin meletakan spoiler :
<div><div style="margin: 5px;">
<div class="bigfont" style="margin-bottom: 2px;"><input value="Show" style="margin: 0px; padding: 0px; width: 60px; " 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;">


Masukan file yang akan di masukan dalam spoiler di sini 


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

Contoh Spoiler

5. Terbitkan Entri dan lihat hasilnya