How to Post tweakable Images in your blogger

It is very interesting to the readers and The Bloggers to have their Blog post Images Tweak when they Rollover the post pointer on the Post images. It is very easy to Create images Tweak on Roll over.Click on the picure below DEMO see the result yourself.



To create Your Blog Post images tweak on Roll over
Click on Dashboard and click on Layout Blogger Edit Html Page ,
Expand Widget Template and Add Follow the Steps Below

Search for the Following Code in Your Template:

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

Now Paste The following Code Just Below the above code in your template .

.post img:hover {
position: relative;
top: 1px;
left: 1px;
}

And thats all there is to it! its very simple adjusment and it provides great results.