Cara membuat Spoiler di postingan blog ala KASKUS nih, di antara para blogger pasti pernah berpikir "gimana ya cara membuat spoiler seperti kaskus"
nah, maka dari itu saya share trik nya...
simple ga pake saos..
1. buka blog > ke postingan > pilih mode HTML
2. masukkan kode berikut di mode HTML tadi
<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;">
<b>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 = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" style="font-size: 12px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Buka" />
</div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">
Masukkan gambar , kata atau script lainnya disini </div>
</div>
</div>
3. Letakkan kode tsb terserah anda, mau di awal postingan, tengah, atau di akhir.. hehehe
Spoiler :
manteb sob. saya izin praktik dulu yaaa :)
BalasHapuswah saya coba dulu gan. Saya cari dimana-mana kayaknya yang cocok spoiler yang ini deh hehe
BalasHapusMantab gan , Keren :v
BalasHapusWih keren banget...
BalasHapusmau langsung saya coba dulu ya gan keren ni ^_^
nice info gan. Thankyou :v
BalasHapusmirip spoiler nya sama yang ada dikaskus :D itu memberatkan blog ga sob ?
BalasHapuskeren sob scriptnya :D
BalasHapusjadi ada spoilernya kayak di kaskus :D
thanks ya
wah mantab ini gan
BalasHapustak coba dulu ya,.. thankz udah berbagi
saya coba dulu gan, lumayan agar artikel gak keliatan panjang
BalasHapus