| Membuat Spoiler pada blogspot Posted: 18 Nov 2011 06:32 AM PST Kalo kemarin kita membahas tentang bagaimana cara membuat spoiler pada phpBB sekarang kita akan membuat spoiler di Blogspot dan caranya pun sangat mudah tidak perlu mengedit template kita hanya tinggal memasukan kode pada artikel atau gambar yang akan kita beri spoiler : <div style="margin: 5px 20px 20px;"><div class="smallfont" style="margin-bottom: 2px;">
<b>Judul Spoiler</b>: <input 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">
"Masukkan isi spoiler yang anda inginkan disini"
</div>
</div>
</div> Keterangan : Tulisan warna biru adalah judul dari artikel yang akan kita beri spoiler Tulisan warna merah adalah isi artikel atau gambar yang akandisembunyikan mengunakan Spoiler dan berikut contoh hasilnya : Sumber: tutorial.wdesain.web.id
Posted in:
|
0 komentar:
Posting Komentar