I recently came across a blog that had the effect of image magnification. That is, once you click on the picture in a post, the magnifies. So, I found a hack to implement the same on blogger blogs. The script and the hack original was developed by Dynamic Drive. Codes are modified a little bit and have implemented and find what the script can do for you.
I feel this trick will be very helpful to those people who post a lot of photos in their blog and for those who post payment proofs in their blog post. Fine, enough of all bla bla's. Let me straight away explain you how to implement this technique in your blog. Follow these simple steps.
1. Navigate to "Layout>>Edit HTML" from your dashboard. Make a back up of your template before you do any changes in the template.
2. Now, expand your template, that is, make sure that you have a tick mark in that "Expand Widget Template". Now, do a search using "CTRL+F" for the following line:
/head4. Now, when you include any picture in your blog post. Go to the "Edit Html" section and just include
class="magnify" and also include this piece of code with the img src="URL"/. Just Download File 2 the syntax of the code here.5. Also, remove the link pointing to that picture. That is, remove the
href code before the image HTML. If it is pretty confusing, Just Download File 3 & take a look at the piece of code.You can change the width or height of the picture and even change s200 to s400 or s800 in the image URL for bigger images
If You Liked This Post Then:-
Click here to Subscribe to FREE email updates from "clone-stop", so that you do not miss out anything that can be valuable to you and your blog!!
If You Like Then Share This
Posts
0 Response to "How To Use Jquery Image Maginfier For Blogger Blogs"
Post a Comment