Selamat datang di Arfan Blog's

Cara memasang spoiler di blog

Sabtu, 15 Juni 20131komentar


Free3allpengetahuanku- Sa'at anda ingin membuat spoiler klik show/hide di blog pasti anda terpikir untuk membuatnya seperti Kaskus.co.id dan lainay sebagai contoh: 


Adapun fungsinya untuk menghemat area dan tempat serta loadingnya juga :D

Nah, untuk membuat code tersebut anda bisa gunakan code ini:
 
<div>
<div style="margin-bottom: 5px;">
<div class="smallfont" style="margin: 2px;">
<input value="
 Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 12px;" 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>
<div class="alt2" style="border: 1px inset ; margin: 5px; padding: 1px;">
<div style="display: none;">

ISIKAN SPOILERNYA YAH!

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

Nah diatas adalah code spoiler sob! Jika anda ingin menampilkan code HTML silakan di parse dulu yah! Nah, untuk  gambar masukkan code html gambar seperti: 
<img src="url gambar">   Yang merah diganti yah! Hehe... jadi HTML DIDALAM HTML seperti yudawg aja :D

Cara Download Nya Silakan Klik Disini
Untuk Request Silakan Klik Disini
Share this article :

+ komentar + 1 komentar

15 Juni 2013 pukul 09.49

sangat bermanfaat

Posting Komentar

 
Support : arfanpulsa.blogspot.com Copyright © 2013. Arfandy Cell - All Rights Reserved
Modify by arfanpulsa.123website.co.id
Proudly powered by Blogger