Menu, Klik Disini

Search

Sabtu, 02 April 2011

Cara Membuat Spoiler Pada Blog

Hari ini aku mau ngasih tau cara buat Spoiler pada blog
Simak terus ya gan!

Alo all, aku hari ini mau ngasih cara buat Spoiler
Kalo di Forum-forum biasanya

[spoiler=Judul]Isi[/spoiler]

tapi kalo di blog beda lo gan!
Yg jelas lebih rumit hehe..

Caranya gini gan

<div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;">
<i><span style="font-weight: bold;">Judul Spoiler </span></i><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 = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" style="font-size: 10px; margin: 0px; padding: 0px; width: 60px;" type="button" value="Show" /></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">

Isi Spoiler

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

Isi tulisan yg berwarna Hijau sesuai keinginan

Code diatas jika dirangkai akan menjadi seperti ini :



Judul Spoiler




Isi Spoiler



Mudah kan?
Kalo bisa HTML silah kan edit sendiri (resiko tanggung sendiri)

[Sumber Disini] Dengan pengubahan seperlunya

Tidak ada komentar:

Posting Komentar

Please give me a comment, do not be racist. Use your name (if you have a name) do not use Anonim or I will not reply

Converter