Create a Jquery box

Hallo setelah saya jala2 saya mendapatkan trik untuk blog anda, intinya insyallah anda suka.Saya tidak bisa berpanjang kata, kita coba aja ya.Ikuti aja petunjuk didalam kotak.

1.Letakkan kode dibawa ini pada template, sebelum the </head> tag:
<script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js" type="text/javascript"></script>
<script type="text/javascript">$(function(){$("#butToggle").click(function(){$('#dvt').toggle(1000);});});</script>

2.Kemudian, letakkan kode CSS sebelum </body> tag :

#dvt{width: 200px;height: 100px;border: solid 1px black;background-color:LightGrey;text-align:center; display:none;}

3.Pamungkas ,buat HTML/JavaScript kemudian postingkan kode atau teks :
<div id="dvt">Postingkan kode anda dan Teks anda disini...</div>
<button id="butToggle">Spread</button>


Anda bisa lihat hasilnya anda suka? Lakukan sesuai petunjuk semoga anda berhasil

Related With:

Cara Pasang

• Cara Meningkatkan Traffick dan ranking
• Auto Read More Version II
• Menampilkan tulisan bergerak (Marguee)
• Zoom pada Font (memperbesar tulisan pada Blog
• Trik Membuat Cloud Label ( Label Awan) | Trick Make Cloud from label (Label Cloud)
• Cara memasang image Zoom pada Blog
• Snow Effect without images
• Multi Levels and Directions Subs Menu
• Neon Light Text II
• Cara Pasang Kotak Komentar Dibawah Postingan
• Blogger Tips jQuery Scroll to Top Control
• Trick Dropline Menus
• 3subs-Menu
• Slide-In Menu
• New Navigation
• Circling text trail
• Cara Buat Tab Menu Versi 1 Di Blogspot
• Cara Membuat Efek Roaming Saat Blog Anda Di Buka
• Cara Membuat Text Area Dgn Hightlight
• Random background color
• Cara memasang Popup Image Viewer
• Cara Pasang Bold CSS Buttons
• Cara memasang CSS Indent Menu
• Cara Daftar Google Sitemap Untuk SEO Pada Blog

Trick

• This one key word expensive, Annuity loans
• The High key for get revenue from adsense google Mesothelioma
• Another STUNNING Magazine Style Blogger Template Novinture
• Google Launching Blogger Video Tutorials
• TipsTrick How To Add Official Google Buzz Button+Counter to Blogger
• How To Show Post Title Only on HomePage in Blogger
• Cara Meningkatkan Traffick dan ranking
• Auto Read More Version II
• Menampilkan tulisan bergerak (Marguee)
• Zoom pada Font (memperbesar tulisan pada Blog
• Navigation berbentuk balok dibawah blog post
• Tips for adding google adsense into blog
• Snow Effect without images
• Neon Light Text II
• jQuery Image Magnify
• Hidden Image atau popupBox
• Cara membuat Pop-Up Window
• Cara memasang Text Kedap kedip-rainbow.js
• Highlight untuk Text Area
• Cara Menampilkan warna background dengan postingan yang berbeda
• Menghilangkan nomor label pada Blogspot
• Accessories From Mutiara-Mail pada Blog
• Membuat 3-tiga colom pada kaki template
• Navigasi CSS Horizontal hover menu
• Blogger Tips jQuery Scroll to Top Control

Tips

• 5 Great SEO Tips for Bloggers
• 8 Tips To Decrease Your Blog’s Bounce Rate
• Not Every Blog Tip Is Right For You – Find the Tips That Work
• Would Anyone Notice If You Stopped Blogging For a Week?
• Expert Hard Drive Recovery After Reformatting
• The Top Seven Warnings Your Computer is Infected With a Virus
• Things You Should Do Before You Get Rid of Your Computer’s Virus
• Back links for internet marketing
• Transferring songs from computer to iphone:
• 4 Tips for Organizing And Uncluttering your Blog Archive
• How To Add Subscribe Box to Blogger/Website
• Three Quick Tips for Attracting Traffic to Your Blog
• Facebook launched E-mail in San Francisco
• High paying keyword sites
• Tips Knowing the Most Expensive Keywords
• Maintenance server monitoring
• TipsTrick How To Add Official Google Buzz Button+Counter to Blogger
• Tips Of Blogger for adding google adsense into blog
• Tips How to download Youtube Video
• Paypal is the online business tools
• Choose a Good Email Marketing
• Cara Meningkatkan Traffick dan ranking
• Auto Read More Version II
• Menampilkan tulisan bergerak (Marguee)
• Zoom pada Font (memperbesar tulisan pada Blog