How To Add Image Magnifier In Blogger Using Jquery Effect (Blog trick)

Magnifier Image effect is an awesome image effect that enlarge images or screenshot on both blogger or wordpress when mouse hover. Image effect makes images more special and beautiful. This is one of the most nice image effect and also worth for using on your blog. But how to add image magnifier effect in blogger ? Don't worry just follow the instruction step by step

  • Go to Blogger DashboardDesignEdit HTML
  • Backup your Template before making any changes to your blog
  • Now Expand Widget Templates
  • Find the code shown below using [ctrl+F]

Now find the following code


Now copy and paste the following code just before or above the just mentioned above

<script type="text/javascript" src=""></script>
 <script type="text/javascript" src=""> </script>

  • Now save the template

  • Now for showing effect on images just follow the below instraction just like this

    <img class="magnify" style="width: 210px; height: 250px;" src="YOUR IMAGE URL" />

    Enjoyed the article ? Please share if you like
    Share this article :

    + comments + 2 comments

    13 June 2016 at 19:54

    not working !!!!!!!

    13 June 2016 at 19:55

    can you please give correct instruction ? I'm just locked with that step, impossible to find the good way to use jsmagnifier with blogger, Please : HELP !!!!

    Post a Comment


    Copyright © 2011. Tricks Duniya - All Rights Reserved