Dari Aknutman

Selamat Datang semoga layanan kami memberikan informasi yang anda cari. (Dan mohon comment-nya :-D)

Saturday, February 20, 2010

Cara Menampilkan Spoiler taq pada Blogspot

Apa itu spoiler?? Bagi yang jarang (apalagi yang belum pernah) membuka forum tentu agak bingung dengan yang namanya spoiler. Spoiler itu sebenarnya tab BBCode yang banyak digunakan dalam forum untuk menghemat tempat atau untuk menyimpan gambar. Dalam kaskus.us misalnya, semua gambar yang diupload dan semua informasi yang ditampilkan akan disimpan dalam spoiler. Jadi prinsipnya mirip dengan seperti kita meng-klik Read more..., hanya saja kita tidak perlu berpindah halaman. Tampilan untuk spoiler itu nanti akan jadi seperti ini:


Spoiler:
Tadaaa...

Tinggal copaskan code berikut di format HTML pada posting anda:


<span ><div class="smallfont"><b>Spoiler:</b> <input value="Show" style="background-color: transparent; height: 20px; width: 45px; margin: 0px; padding: 0px;" 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 = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"></div><div class="alt2" style="margin: 0px; padding: 4px; border: 1px solid #008000;"><div style="display: none;">YOUR Text here</div></div></span>

Dan ganti huruf warna merah dengan postingan yang ingin dimasukkan ke dalam spoiler.