01.20
0
Sudah ada yang tau cara membuat tombol spoiler di blog?
Kalau masih ada yang belum tahu, monggo baca postingan ini :D
Langsung saja lihat contohnya


LETAKAN KODE HTML, TEKS, ATAU TERSERAH ANDA

Nih Tutorialnya:
1. login ke blogger
2. Pilih Rancangan > Edit Laman > Add Gadget
3. Pilih HTML/JavaScript
4. Masukkan code berikut

Script :
<div><div style="margin: 5px;">
<div style="margin-bottom: 2px;" class="bigfont"><input style="margin: 0px; padding: 0px; width: 95px; " value="Show" 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 style="border: 0px inset ; margin: 0px; padding: 6px;" class="alt2">
<div style="display: none;">

 LETAKAN KODE HTML, TEKS, ATAU TERSERAH ANDA

</div></div></div></div>
Catatan : Tulisan yang berwarna biru bisa anda ganti sesuai keinginan misalnya
                  Tampilkan | Sembunyikan
                  Tulisan yang berwarna merah di ganti dengan teks anda atau code HTML
5. Lalu Save

Ok selamat mencoba :D
Sering-sering mampir ke blog ini ya gan :D

0 komentar:

Posting Komentar