Posted by : Unknown
Selasa, 11 Desember 2012
Tutorial Blog - Tombol spoiler adalah fitur dalam blog yang fungsi utamanya menyembunyikan suatu kata pada post blog, nah. Untuk itu saya akan memberikan tutorial Cara Membuat Tombol Spoiler Pada Postingan Blog, yang tentunya sobat juga barang kali belum ada yang tahu tentang salah satu trik ini.
Contoh spoiler yang saya buat:
Taruh suatu kata sesuka anda disini
Kodenya saya akan berikan kepada anda:
Klik Buka
<div style="margin-bottom: 2px;">Contoh spoiler yang saya buat:
<div style="margin-top: 5px; text-align: center;"><input value="Buka" style="margin-top: 5px; 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 = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" type="button"> </div>
<div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">Taruh suatu kata sesuka anda disini </div></div></div>
Copas kode diatas, pastekan di postingan atau di widget terserah sobat
NB:
Teks yang berwarna kuning ganti dengan tulisan sesuka anda, contoh: Show atau Klik.
Teks yang berwarna hijau isi dengan teks sesuai keinginan anda.
Cara memasangnya masuk ke postingan yang ingin anda pasang tombol spoiler, lalu klik HTML bukan
Selamat mencoba.. Semoga berhasil...
Rating: 4.5
Reviewer: Unknown
ItemReviewed: Cara Membuat Tombol Spoiler Pada Postingan Blog
Related Posts :
- Back to Home »
- Tutorial Blogging »
- Cara Membuat Tombol Spoiler Pada Postingan Blog