image
Free CSS Template

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam feugiat mi lacus, sed accumsan neque. Donec condimentum molestie laoreet.

Cara membuat spoiler (show/hide)

| | Kamis, 30 Juni 2011

nah kali ini ane ngepost mengenai spoiler .
apa sih spoiler itu tuh jiga sobat blogger suka/perna maen ke kaskus pasti sudah tidak lagi asing dengan spoiler ini nah contohnya seperti yang ada di bawah ini.



KHUSUS DEWASA [17+] :


hayo liat apaan..........!!!!! hehehehehehe


nah seperti itulah contohnya gmna tertari ga sih..heheheheh
kalo sobat bloger pengen bisa kayak gitu tapi tidak tau scriptnya
nah sekarang saya akan memberikan scripnya tinggal COPAS jah scrip yg ada di bawah ini..hehehehehe


Script Spoiler [COPAS JAH] :

<div style="margin: 5px 20px 20px;"><div class="smallfont" style="margin-bottom: 2px;"><b>Judul Spoiler <em>[Judul yang miring]</em></b> : <input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" 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'; }" type="button"> </div><br /><div class="alt2" style="margin: 0px; padding: 6px; border: 1px inset;"><div style="display:none;">[ISI SPOILER]</div></div></div>


 CATATAN
bacaan yg berwarna merah di dalam spoiker bisa di ganti sesuai yg sobat bloger inginkan..!!


nah gmna mudah kan tinggal di edit" sedikit biar menarik kelihatannya heheheh...!!
semoga bermanfaat bagi sobat bloger..!





0 komentar:

Posting Komentar