Zoom Your Images In Blogger Posts

Zoom Your Images In Blogger Posts is the script you would have seen in many websites to show of there image demos as large one as its very nice way to show there images and templaes.Today i will tell you how to install this script in your blog so as the images in your post can be clicked and viewed in larger size.

Firstly Download these two scripts to your computer FancyZoom.js and FancyZoomHTML.js

Upload these files to your server which you use to upload js files or check from here.

Login To Blogger Now Goto LAYOUT > Edit Html and Find </head> tag

Place the below codes before it.

<script src=’http://Your_upload_url/FancyZoom.js’ type=’text/javascript’></script>

<script src=’http://Your_upload_url/FancyZoomHTML.js’ type=’text/javascript’></script>

Change the scripts url above in red to yours where you uploaded these js files.

Now find this code <body> in your template codes.

And replace it with the below code:

<body onload=”setupZoom()”>

Now Click SAVE TEMPLATE

Now whenever you embed image in your post use cods like this below-

<a href=”http://img2.pict.com/ef/2a/93/d6ba88943e19c2608b3e7b88f8/yZOfg/800/holocaustremembranceday.gif”><img height=”200″ src=”http://img2.pict.com/ef/2a/93/d6ba88943e19c2608b3e7b88f8/yZOfg/800/holocaustremembranceday.gif” width=”300″ border=”0″ /></a>

Width=”300″ and height=”200″ are the size of images that are shown in the post,so that the shown images are smaller that the original images.Means whats the actual size of the image make it small in post so that when someone click it will zoom up to its original size.

When you click theses images they will be zoomed on your same screen and click zoomed image again to make it small again.

For Demo check the image on this blogger and click it, to zoom it and then click again zoomed image to make it small.

I hope you would like this hack for sure. Best Of Luck !!

19 Comments

  1. PTB88 March 5, 2009
  2. Ivan March 12, 2009
  3. Anshul March 12, 2009
  4. Web Design Quote May 20, 2009
  5. Slipknot1 June 3, 2009
  6. Anshul June 3, 2009
  7. doom June 4, 2009
  8. Anshul June 4, 2009
  9. All You Need Zone June 23, 2009
  10. W R June 24, 2009
  11. Anshul June 24, 2009
  12. W R June 24, 2009
  13. Anshul June 25, 2009
  14. W R June 27, 2009
  15. W R July 6, 2009
  16. Anshul July 6, 2009
  17. W R July 13, 2009
  18. W R July 16, 2009
  19. brewox September 16, 2009

Leave a Reply