Cara Membuat Tombol Spoiler Pada Postingan Blog

Unknown

Tutorial Blogging, Widget

11 Des 2012

Belum ada komentar

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:

<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...

*Keterangan:
Teks yang berwarna merah 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 Compose dan taruh kode diatas pada suatu kata di postingan anda..

Selamat mencoba.. Semoga berhasil...