Cara Mudah Membuat Menu Spoiler Dengan Jquery

    1.Login blogger
    2.Pilih rancangan
    3.Tambah gadget
    4.Pilih Html/javascript
    5.Masukkan script kode dibawah ini :

<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">SHOW/HIDE</button>
<div id="dvt">
KODE WIDGETMU DISINI</div>



Ubah dan Sesuaikan Dengan Selera Kamu.

Warna kuning adalah untuk mengatur lebar dan tinggi konten widget
Warna Biru adalah tombol untuk buka tutupnya.ganti tulisan sesuai yg km mau
Warna merah adalah letak kode widgetmu



Sumber: Saya tidak tahu sumber aslinya dari mana,ada banyak sekali postingan kayak gini.

Cara Mudah Membuat Menu Spoiler Dengan Jquery

Posted by: Risalahati Dedic Ahmad Updated at: 22:50