Menghemat Ruang di Blog dengan Spoiler

Posted by Azis Grafis on 10/9/11

Untuk menghemat ruang di Blog Kita bisa menggunakan Spoiler yang dimaksud dengan Spoiler ini adalah menyembunyikan tulisan yang terlalu panjang lalu disembunyikan, untuk menampilkan yang disembunyikan dengan cara mengklik judul spoiler, seperti pada contoh di bawah ini :


Judul



isi spoiler

Berikut cara mebuat atau memasang Spoiler di Blog, silakan Sobat Copy aja script di bawah ini dan paste di mana sobat ingin menaru Spoiler.

<div><div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">Judul</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>


Ganti kata judul sesuai selera yang ingin dijadikan sebagai judul
Ganti kata Isi Spoiler dengan isi yang kamu inginkan.

SEMOGA BERMANFAAT !!!

{ 2 comments... read them below or add one }

Kabayan said...

LANGSUNG DI COBA THANKS AND SALAM KENAL

Kabayan said...

LUPA LINK AKU http://nanoys.blogspot.com
http://tigamgatax.blogspot.com

Post a Comment