Thursday, 28 June 2012
In this post i will show you How To Add image magnifier in Blogger/Blogspot using jquery. If your blog posts width is less then you have a problem in posting large images. Install the code shown below and your problem related to images will be solvedIMAGE MAGNIFIER DEMO
HOW TO PUT IMAGE MAGNIFIER IN BLOGGER/BLOGSPOT
- Go to Blogger Dashboard --> Design --> Edit HTML
- Backup your Template before making any changes to your blog
- Now Expand Widget Templates
- Find the code shown below using [ctrl+F]
</head>
- Now Paste the Code shown below just before/above it
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://latesthack.googlecode.com/svn/mywidgets/magnifire/magnifier.js"> </script>
<script type="text/javascript" src="http://latesthack.googlecode.com/svn/mywidgets/magnifire/magnifier.js"> </script>
NOW HTML PART
- Use the code shown below in your post to add this effect
<img class="magnify" style="width: 210px; height: 250px;" src="YOUR IMAGE URL" />
Post a Comment