Sebelum Sobat Membaca Artikel Ini Ada Baiknya Sobat Meng-share Atau Meng-like Artikel Ini Dan Jangan Lupa Meninggalkan Jejak Dengan Semacam Berkomentar Di Artikel Blog ini Thank's
Muhammad Qalbu Dary
x
Welcome To KxMadagascar, Bro
x

Recent Post

Posted by : Dary Sadega Mantemand Friday, March 29, 2013

hey-hey sob... lagi-lagi update soalnya lagi long weekend heheheh , tadi abis update apa hayo...... ndak tau prev page aja xD , sekarang Mimin  bakalan Update Cara Memasang Spoiler Buka Tutup Di Blog Part 2 karna dah update Cara Memasang Spoiler Buka Tutup Di Blog Nah Kali Ini Ada 3 Versi Terbaru Loh....
"Hah..!! Ciyus..xD"
"Cinta Di Biyus...xD"

Oke Lanjut Ke TKP aja sob

Style 1 ( Bukan Gangnam Style :v )



Style 2 ( Bukan Harlem Shake ;v )



Style 3 ( Bukan Mr Bean Style Dapuk..!! )



Letakan Apa Aja Yang Ingin Anda Pasang Di Sini

Code-Code :
Style 1:

<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'; }" type="button" name="button" value="LIHAT" /></div>
<div id="show" style="border: 1px solid white; display: none; margin: 5px; padding: 2px; width: 98%;">Letakkan Kode yang disembunyikan disini</div>
<div id="hide"></div>
</div>

Style 2:

<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'; }" type="button" name="button" value="BUKA" /></div>
<div id="show" style="border: 1px solid white; display: none; margin: 5px; padding: 2px; width: 98%;">
<div style="color: #000000; background: none repeat scroll 0% 0% #ebf3fb; border: 1px solid #aaccee; padding: 7px; margin: 0px;">LETAKKAN KODENYA DISINI</div>
<div id="hide"></div>
</div>

Style 3:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"> </script> <script type="text/javascript"> $(function(){$("#butToggle").click(function(){$('#dvt').toggle(1000);});}); </script> <style type="text/css"> #dvt{width: 200px;height: 100px;border: solid 1px black;background-color:LightGrey;text-align:center; display:none;} </style> <button id="butToggle">Klik Untuk Buka</button> <div id="dvt"> Letakan Apa Aja Yang Ingin Anda Pasang Di Sini</div>



Untuk Edit Warna Tulisan , Teks Border Ya... Kreatif :D
Thank's For You Visiting :v



Leave a Reply

Peraturan Komentar KxMadagascar
◄════════════════════════►
No Spam
No Sara
No Bahasa Kasar
No Menyebarkan Link Jebakan

Berkomentar Lah Dengan Sopan Dan Santun
◄════════════════════════════►

Subscribe to Posts | Subscribe to Comments

- Copyright © 2013 Supported By 9DesiMeter | Designed by KxMadagascar | Template by Johanes Djogan -