C’mon who doesnt Love jQuery effects? yeah its a very easy trick on blogger too. Get ready to rumble with this new hack provided by dynamicdrive.com

As usual login into your Blogger Dashboard > Layout > Edit HTML and check the “Expand Widget Templates” option.

Important Step: Now as a precautionary measure please download your template so that you have an emergency backup if in case you create any errors

First locate this code in your blogger template.

<head/>

And replace it with the following code

now search for ]]></b:skin> and replace it with the code below.

You will need Two JavaScript files to make this tweak work for blogger zoom for images. One script used in image magnification and the other one for the cursor to be used on image hover.

Please download these two files and upload into your own server and copy the url because you maynot want to face server overload problems. OS i advice you to do that

Now replace the two files by:

url_of_jquery_script and url_of_the_cursor_file

That’s all.. now you can save your template. But remember that each time you want to add this zoom to your images you will have to add a ” class ” in your blog post before publishing it.

BEFORE you used to use this code -

Now you will have to add class=”magnify” magnifyby=”3″ please compare both the codes to understand what i mean to say.

PS: I’m really sorry I am using a different hack on my blog so i cannot show you the live demo. But I advice you to try this in your test blog Any problem installing this? feel free t drop a comment and I will be helping you ASAP

You can also get a free subscription to Chethstudios updates. We will be back with more useful content. Get latest hacks and updates on your email