How to make images zoom effects in Blogspot blog

Blogspot is a great tool to work on and experiment things, infact there are lot of things which made me to experiment for and i have found really useful things. You can check out our Blogspot Tutorial from our site.

Today i am gonna show you all how to make a perfect zooming effects for images in Blogger blog.

How to make images zoom effects in Blogspot blog

  • Login to your blogger account
  • Go to Dashboard –> Design –> Edit HTML
  • Click on “Expand Widget Templates”
  • Press CTRL + F and search for </head> tag.
  • Now add the follwoing code just before </head> tag

script src=’http://wam8387.110mb.com/FancyZoom.js’ type=’text/javascript’/>
<script src=’http://wam8387.110mb.com/FancyZoomHTML.js’ type=’text/javascript’/>

  • Next step is to replace the body tag
  • Search for <body> tag and replace it with <body onload=’setupZoom()’>
  • Save your template
  • This will add zoom effects to your blog, but to make it actually work, you will need to do the following
  • Just add the following code

 

<a href=”your-image-link”><img src=”Image-link” width=”250″ border=”0″ height=”250″ />

Its done, i am sure you enjoyed the trick. Now you can get your own images zooming into your blog. Do comment on this article about your views. Subscribe to our Email Subscription for the latest news about this Blog.

Vikas Bhatt is a blogger who blogs on various Tech Blog and Runs an Android Blog.
Get all Blogging Tips & Tricks, ideas, Wordpress Hacks & Tricks, Social media optimization, SEO, Online money. Just subscribe with your email id HERE.

1 Comments

  1. Arun says:

    Earlier I had a blogger blog. But it seemed waste..I quit blogger and joined WP ! 😀

0 Trackbacks

Leave a Reply

Your email address will not be published. Required fields are marked *

*