How to make Post Images tweak in 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.First Look at demo below it will tweak when you rollover your mouse pointer on it.


To create Your Blog Post images tweak on Roll over Goto 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;
}

I Think This Will sure make your blog more Active and attractive.