Sunday, June 19, 2011 at 5:14 PM with
Menyembunyikan konten tertentu dari sebuah halaman blog/website diperlukan untuk menghemat space. Ketika visitor ingin melihatnya mereka dapat dengan mudah menampilkannya. Begitupun dalamsoftware forum semacam vBulletin, Spoiler pasti banyak digunakan.

Berikut kode yang bisa digunakan dalam
 membuat spoiler di blog :


<div><div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">Tentang bla..bla.bla.. </span></i><input value="Show" 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 = '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="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">

isi spoiler...

</div></div></div></div>
Kode HTML diatas akan memberikan hasil seperti dibawah ini:


Tentang bla..bla.bla..

isi spoiler...

kalau mengerti html silakan di costumize sendiri  ^-^
credits to Kucoba.com

Labels:



目を閉じれば, 今も君がそこにいるようで
We all live under the same sky, but we don't all see the same light. {}

affiliates




the past
do you have any question?
ASKBOX ASK.FM
Click one of the options above and contact the me'ttebane! (⊙ヮ⊙)
my tumblr
credits area
© 2014 - Codes, design and colors by pinktape. Icons by birdhaus. Bullets and mini-icons by 7THD and kawaii-box. Other picts by mrsjblacks, narucapped, shirayukkis.