Minggu

Membuat Tombol Hide / Show pada Blog

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>

Masukan file yang akan di masukan dalam spoiler di sini

Artikel Terkait:

Label:

0 komentar:

Posting Komentar

Langganan: Posting Komentar (Atom)
Mari Belajar Online © 2008-2012 Ramapark;
SkinCorner