Tips berikut adalah cara membuat panel drop down yang lebih mudah dan simpel dan fungsinya kurang lebih sama dengan postingan yang lalu yaitu menyembunyikan sesuatu atau apa saja yang sobat ingin sembunyikan dan akan muncul ketika meng-klik tautannya, ok langsung menuju TKP :
- Langkah pertama copy code berikut dan tempatkan tepat di bawah <head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){
$(".flip").click(function(){
$(".panel").slideToggle("slow");
});
});
</script>
- Langkah kedua menempatkan CSS kodenya, tepat dia atas tag ]]></b:skin>
div.panel,p.flip
{
margin:0px;
padding:5px;
text-align:center;
background:black;
border:solid 1px #c3c3c3;
}
div.panel
{
height:120px;
display:none;
}
Kemudian Save template anda!
- Langkah terakhir tinggal menepatkan kode berikut di dalam posting, sidebar atau di dalam tag <body>
<div class="panel">
<p>TEKS ANDA DISINI!</p>
<p>TEKS ANDA DISNI!</p>
<span style="float: left; font-size: 80%;">Widget by <a href="http://www.ordinaryblog.info/">OrdinaryBlog </a></span>
</div>
<p class="flip">Tampilkan/Sembunyikan</p>
© Zxc9.blogspot.com 99%Copas Site | Blogger Tricx Special Thanks to
