If you Like Our Blog Then

Wednesday, January 12, 2011

How to Add Zoom Functionality to Blog/Site

0 comments

If you want that when someone click image in your Blog or website it should not redirect to Image URL and should be Zoom then you can do this after reading or while reading this article. This facility will help you very much as your visitor can see the image easily. To Add Zoom facility to your Blogger's blog or any other blog or website you just need to download Fancy Zoom Script. And add to your blog and your blog will be ready for this new features. Please see step by step procedure to add Zoom function to your blog/website below. Subscribe to Syconet World by Email.

Add Zoom Functionality to Blog/Site

1.The first step is to take a Backup of your Template (Very Important).
2. Now Download Fancy Zoom Script Here .
3.Extract it and upload it in your Webserver or any other free Server like yourjavascript.com. (There are 2 files upload both one by one and get the link.)

4.I have uploaded both the Script see below link.


1.http://yourjavascript.com/2171115110/FancyZoom.js
2.http://yourjavascript.com/1121151413/FancyZoomHTML.js

Please upload your own Scripts.

5.Now with the Uploaded script make your code as below

<script src="http://yourjavascript.com/2171115110/FancyZoom.js" type="text/javascript"></script><br />


<script src="http://yourjavascript.com/1121151413/FancyZoomHTML.js" type="text/javascript"></script>


6.Now go to your Blogger Dashboard if you are putting it in Blogger blog and go to HTML and find

</head>

and add above code before Head Tag.

That's it now whenever you upload any image your image will be automatically be zoomed and after pressing ESC key it will come to normal Position. If you have any doubt feel free to ask or Subscribe to Syconet Geek by Email for more blogger tips and tricks.

Advertisements

0 comments:

Post a Comment

No Abusive comment will be approved. Make comment related to Topic only.

Enter your email address:

Delivered by FeedBurner