curahan pimikiran dan isi hati seorang antoni

Cara Membuat Spoiler

Share on :
Cara Membuat Spoiler
Tadi Antone Home sudah menulis Kode Spoiler Untuk Membuat Spoiler,Namun setelah dibaca rasanya banyak yang kurang,diantaranya adalah cara pasangnya/cara membuat spoilernya.
Cara Membuat Spoiler:
1.Copy Kode Spoiler
2.Paste di Postingan dengan Mode HTML atau pada Gadged HTML
kegunaan Spoiler adalah menyembunyikan tulisan atau gambar,sehingga loading blog bisa lebih ringan.
Selain itu juga mempercantik blog karna tidak kelihatan sesak.
Agar lebih jelas silahkan Lihat Contoh dibawah ini:
Sedangkan Kode Spoiler Untuk Membuat Spoiler adalah sebagai berikut:

<div id="spoiler">
<div><input style="font-size: 11px; font-weight: bold; margin: 5px; padding: 0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'TUTUP'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'LIHAT LAGI'; }" name="button" type="button" value="Klik" /></div>
<div id="show" style="border: 1px solid white; display: none; margin: 5px; padding: 2px; width: 98%;">
<p style="text-align: justify;"><a href="http://antonihome.blogspot.com/" target="_blank">Antoni Home</a></p>
</div><div id="hide"></div></div></div>
Bila ada yang kurang Faham silahkan Baca Kode Spoiler Untuk Membuat Spoiler.
Semoga bermanfaat.Terima Kasih Sudah membaca Cara Membuat Spoiler

Terima Kasih Sudah Berkunjung.Saya Persilahkan Anda Menyebarkan Artikel ini Tapi Jangan Lupa Menyertakan Link Sumbernya


1 komentar:

mMn dot org mengatakan... 18 September 2012 pukul 02.08

menarik mas bro....
apalagi gambarnya.. hehehehehhee

Post a Comment and Don't Spam!