Cara Membuat Spoiler (Kaskus) di Blog

Sebagian dari anda pasti sudah tidak asing lagi dengan forum kaskus, iya salah satu forum online terbesar di Indonesia, dengan ciri khas dan kata kata yang unik ( ngeforum di kaskus emang mantab gan ). Thread thread untuk tampilan gambar yang ada di kaskus biasanya selalu memakai fasilitas spoiler untuk menampilkan dan menyembunyikan gambar tersebut. Contoh spoiler bisa anda lihat di bawah ini.

Spoiler untuk gambar:

Nahh untuk menampilkan dan membuat spoiler tersebut di blog caranya cukup mudah, silahkan anda copy kode di bawah ini kemudian masukan di postingan blog anda

=========================================================

<div style="margin:5px; margin-top:3px">
<div class="smallfont" style="margin-bottom:2px"><b>Spoiler</b> untuk <i>gambar</i>: <input type="button" value="Show" style="width:auto;font-size:10px;margin:0px;padding:0px;" 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'; }">
</div>
<div class="alt2" style="margin: 0px; padding: 3px; border: 1px inset;">
<div style="display: none;">
<img src="ALAMAT_GAMBAR_" width="none" height="none" alt="spoiler">
</div>
</div>
</div>

=========================================================
Alamat gambar : Masukan url alamat gambar anda,

Cukup mudah bukan, cara membuat spoiler (kaskus) di blog. Nahh sekarang blog anda pun tidak kalah atraktifnya dengan thread thread yang ada di kaskus.

Saya mencari sumber pembuat kode tesebut, tapi sampai saat ini belum menemukan siapa pembuat kode tersebut, jadi tidak saya cantumkan sumber referensinya. Jika anda mengetahuinya, silahkan kasih tahu melalui kotak komentar

Mudah mudahan bermanfaat

Sumber: www.hilmifirdaus.com

Artikel Terkait

• Cara Memberi Google Translate pada Blog
• Cara Membuat Spoiler (Kaskus) di Blog
• Kumpulan Situs Pemutar Musik (Lagu) Untuk Blog/ Website
• Membuat Laptop Menjadi Hotspot Area
• Cara Install Windows Xp dan Windows 7 Lewat USB
• Membuat Komputer Berbicara
• Cara Mengunci Folder Tanpa Software
• Destop Icon Toy 4.5 Full Version
• IDM 6.05 Build 7
• phpDisigner 7.2
• Browsing lebih cepat dengan Firefox CCPB