jQuery Inner Zoom Effect For Blogger

This post is having zoom effect for blogger images. This zoom effect is different because normally zoom effect is created outside the image. In this zoom effect it will appear inside the image. See the demo you will understand every thing. This effect is made using jQuery. This effect is awesome looking. So have this in your blog.This amazing effect is made by Paul Crowe

This Is The Demo Of Inner Zoom Effect

Follow The Below Steps:

Step.1:-Adding Zoon Effect Script

• Login to your Dashboard.
• Go to Template--->Edit Html.
• Find for </head> tag.
• Copy and paste the below code there.

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/><script src='http://suyb.googlecode.com/files/cloud-zoom.1.0.2.js' type='text/javascript'/>

Note:If you have add the highlighted script before then remove it.

Step.2:-Adding Zoom Effect To Images

• Write a New Post.
• After Uploading an Image, Click on above Html button.
• Find for your image url.

• After Finding the Url paste the below code after <a and before href=

class="cloud-zoom" rel="softFocus: true, position:'inside', smoothMove:2"

• See the Below Image.

• Now, Publish the Post.

It's Done......

Categories: Blogger Tricks , jQuery