How to add tilt image effect on blogger post/ Blogger tricks

By
 Hello friends,
Now add tilt effect  to the images in your blog,As images plays great role in blogger,with using images you can speak mind or you can tell what is your article is about.
In this we will rotate blogger images some degrees and when any visitor hovers on image the image will return back to normal position,this effect attracts anyone.just you need to follow few simple steps...

Here we go...

1. Sigh in to your blogger account and navigate to template  and select EDIT HTML

2.Now find out the codes  ]]></b:skin> and paste below code right above it.
(Note: To find the codes easily just press ctrl f and type the give code it'll direct you to the codes directly)
.post img {-webkit-transition: -webkit-transform .15s linear;-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);-moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);padding: 5px 5px 5px 5px;-webkit-transform: rotate(+2deg);-moz-transform: rotate(+2deg)}

    .post img:hover {-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5);-moz-box-shadow: 0 3px 6px rgba(0,0,0,.5);-webkit-transform: rotate(-1deg);-moz-transform: rotate(-1deg)}
3. Now save the template and check out you blog for the result.
Powered by Blogger.