Making Zooming Effect for image

Impress your visitor with zooming effect Click Here for example.

http://indianmonsters-exampales.blogspot.com/2009/01/zooming-effects.html

1. Log in into blogger.
2. Click Layout.
3. Then, click Edit HTML tab
4. Click Download Full Template and please back up your template first.
5. Find this code </head>
6. Save belove code before </head>

<script src=’http://www.thetricks.net/blogger/FancyZoom/FancyZoom.js’ type=’text/javascript’></script>

<script src=’http://www.thetricks.net/blogger/FancyZoom/FancyZoomHTML.js’ type=’text/javascript’></script>

7. Find this code: <body>
8. Replace it with this code:

<body onload=”setupZoom()”>

9. Save your templates.

But, if you want o use the iamge code will be different.

Here Code for it:

<a href=”your image url”><img src=”your image url” /></a>

Here is my example:

<a href=”http://img68.imageshack.us/img68/7332/waterfall008lt8.jpg“>
<img height=”175″ src=”http://img68.imageshack.us/img68/7332/waterfall008lt8.jpg” width=”120″ border=”0″ /></a>

Good Luck…..!

No comments yet.

Leave a Reply

CommentLuv Enabled