You must enable Javascript in your browser to run or open this site.

Membuat Spoiler

Saya kayaknya teropsesi sekali dengan blog. Ngepost mulu!!! Sekarang Tutorial Membuat Spoiler.
Apa itu Spoiler? Spoiler adalah suatu tombol yang jika diklik akan mengeluarkan sesuatu atau menyembunyikan. Sesuatu itu bisa dalam bentuk teks atau script. Tujuannya agar Blog sobat tidak terlalu sempit atau menghemat tempat.
Spoiler Bisa diletakan di mana saja, contohnya di Posting, Sidebar widget, dan di HTML.

Contoh Bentuk Spoiler seperti dibawah ini.


Klik Spoiler :


Jika sobat tertarik, ikuti cara berikut.

• Buka Blogger.com denga ID dan Pass.

• Misalkan mau diletakan diSodebar Widget, maka buka Element Post

• Copy kode berikut dan Paste kedalam Java script
<div><div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">Klik Spoiler</span></i><input value="Open Spoiler" style="margin: 0px; padding: 0px; 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" type="button"/>
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">

Letakan Kode atau Script disini..

</div></div></div></div>
Keterangan : Kode Unggu adalah tulisan sebelum Spoiler. Kode Hijau adalah Tulisan pertama didalam kotak Spoiler. Kode Kuning adalah Tulisan kedua, ketiga dan seterusnya jika diklik berkali - kali. Dan kode Biru di isi dengan kode lain sobat.

- Save

Selamat mencoba ya kawan semua.

2 comments

  1. bagus :) tahu ngak bagaimana mahu menyembunyikan kotak follower versi chatbox ?

    BalasHapus