How to make images tweak in blogger? A blogger hack.

This may be a blogger hack or may not be a blogger hack but since in my view all the stuffs that comes with some change in the HTML code is a blogger hack. So if someone has any problem with me calling this post a blogger hack then read my shitty definition and jump from London bridge. And who doesn't, read rest of the post!

Tweaking images add some glamor to your blog. If compared to the normal images, the tweaking images looks like the most beautiful SLUT( i couldn't find a better word, sorry!). And another good thing is it is so easy to make your images tweak in blogger. Just change some HTML codes and your images starts tweaking. Tweak-inkle tweak-inkle little pictures, all i wonder what you are........ sing by yourself! So if you seriously want tweaking images like mine then follow the following steps.
Step 1:

Goto 'Dashboard' and then to 'Layout' and then to 'Edit HTML'. Don't forget to click on 'Expand widget templates'. And yes, backup your template before use.

Step 2:
Search for the following code in your template:

.post img {
padding: 4px;
border: 0px solid $borderColor;
}

Step 3:

Now paste the following code just below the above code in your template.
.
.post img:hover {
position: relative;
top: 1px;
left: 1px;
}

Now save your template and its done. Now to check if you are done or not simply place your mouse cursor above any image and see whether it tweaks or not.
If you liked this blogger hack then try Show only post title at Label.