Cara Membuat Spoiler di Blog

Written By naufal aulia on Kamis, 29 Desember 2011 | Kamis, Desember 29, 2011

KALI INI nofal-sama77 AKAN MEMBAHAS Cara Membuat Spoiler di Blog
Spoiler berguna bila kalian memuat banyak sekali gambar-gambar pada posting kalian dan membuat spoiler untuk gambar2 tsb, itu akan mempercepat loading, bisa juga diisi dengan tulisan ataupun link dan bla bla ........

kalo belum paham beginilah contoh spoiler :
contoh spoiler:

inilah contoh spoiler wkwkwkwwk :)



nah, skrang dah tau kan???
membuat spoiler hanya perlu copas script dibawah ini, bisa diletakkan dalam postingan atau di pasang di Tambah GADGED>HTML/Javascript
ini kode scriptnya:

<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;">
<b>Judul Spoiler</b>: <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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">

Masukkan isi spoiler disini, dapat diisi gambar, kode html, paragraf dan lain2

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



-tulisan judul spoiler bisa kalian ganti (pada spoiler diatas judulnya ini kode scriptnya: )
-tulisan open juga bisa diubah, misal buka
Cukup Sekian HAppY BLOGging :)   nofal-sama77

Ditulis Oleh : naufal aulia ~nofal-sama77

Muh.Akram Anda sedang membaca artikel berjudul Cara Membuat Spoiler di Blog yang ditulis oleh nofal-sama77 Dan Maaf, Anda tidak diperbolehkan mengcopy paste artikel ini.

Blog, Updated at: Kamis, Desember 29, 2011

0 comments:

Poskan Komentar