How to Zoom Images on Blogger Posts

Saturday, April 25, 2009

Most of my images are hosted on Picasa for free, just today a comment from my How to embed picasa sideshow entry made me create this post. Although for me, Picasa is a great tool and its free, the fact that visitors clicking the embeded images to make it bigger automatically redirected to picasa's website. So the question is, can we prevent this? the answer... Yes we can. If found this FancyZoom script last year but I don't feel that I need to implement it on my site so I just bookmarked it for future reference.

To install the FancyZoom script (made by Cabel) on your Blogger:

1. Download the FancyZoom package
2. Upload it on any free hosting server (if you are using blogger's ftp service, you can upload it on your blogger account)
3. Log into blogger, then goto Layout>Edit HTML
4. Add the following code before </head> tag

<script src='http://morefreesoftware.com/js-global/FancyZoom.js' type='text/javascript'/>
<script src='http://morefreesoftware.com/js-global/FancyZoomHTML.js' type='text/javascript'/>

Change the morefreesoftware.com to the domain where you uploaded the files

5. Change the <body> tag to include "setupZoom()",