
Image Magnifier Demo
How To Put image magnifier in Blogger/Blogspot
- Go to Blogger Dashboard
- Click on DropDown Menu and select Template
- Backup your Template before making any changes to your blog
- Now Click on Edit HTML --> Proceed --> Expand Widget Templates
- Press Ctrl + F and search the code shown below
</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" />
No Comments
Click to Add a New Comment