Cara Sederhana Membuat Spoiler

Buat Blogger sejati pasti sudah tahu dengan Spoiler, fungsi dari spoiler adalah untuk meletakkan script atau gambar, bisa juga tulisan, spoiler juga bisa membuat halaman posting yang tadinya panjang menjadi lebih ringkas, sebab seluruh isi posting baru akan terlihat jika spoiler terbuka.

Untuk menggunakan Spoiler tersebut, cukup copy dan paste script yang ada dibawah ini ke posting blog anda, lalu lihat hasilnya.

Spoiler:
<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;">
<b>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;">


Letakkan kode script, HTML dan teks anda disini


</div>
</div>
</div>


◄ Newer Post Older Post ►
 

Copyright 2011 Tips Facebook | Tips Blog | Tips Komputer is proudly powered by blogger.com