jQuery Image Magnify

Hallo sobat yang budiman,saya ada trick atau tips buat sobat, yaa siapa tahu dibutuhkan, bukankah kita saling berkunjung dan saling memberi informasi? Tidak tertutup kemungkinan bila sobat ada ide bisa sharing, yaa agar Blogar Indonesia tambah caeem.Ok tidak banyak basa basi, saya mulai dengan contohnya.

1-Login ke account blogger anda.
2-Click Layout--->
3-Click Edit
4-Letakkan code dibawah ini sebelum </head>;
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='jquery.magnifier.js' type='text/javascript'>
/***********************************************************************************
* jQuery Image Magnify http://www.mutiaramail.blogspot.com
***********************************************************************************/
</script>

Download

5-Letakkan kode dibawah ini sebelum kode ini ]]></b:skin>
dsettings: {
magnifyby: 3, //default increase factor of enlarged image
duration: 500, //default duration of animation, in millisec
mgopacity: 0.2 //opacify of original image when enlarged image overlays it
},
cursorcss: 'url(magnify.cur), -moz-zoom-in', //Value for CSS's 'cursor' attribute, added to original image

6-Lalu postingkan code dibawah ini di content sobat:
<img src="http://i721.photobucket.com/albums/ww218/sugwi/Grape.jpg" class="magnify" style="width: 250px; height: 75px;" />
7-Selesei, selamat mencoba dan semoga mimpi bidadari he..he..he..

Note:
-Ganti code yang berwarna Biru
-Rubahlah code yang berwarna merah sesuai kebutuhan sobat.

Related With:

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

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
• 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