How To Add Slant Images Effect To Blogger

Hi Friends,Today i wanna Show You How To Add Slant Image Effect To Blogger.Its Mean Whenever You near The Mouse to a Picture It Will be Zooming and Slanting at The Moment.Now How To Add Slant image Effect To Blogger,I will Show You .Follow The Below Simple Steps for Adding Slant Image Effect To Any Blogger Image.

How To Add Slant Images Effect To Blogger

1) Go To Blogger.com

2) Blogger Dashboard.

3) Click On Template.

4) Click on EDIT HTML and Proceed it.

5) Search For This Code ]]></b:skin>

6) Now Copy The Below Script and Paste it Above ]]></b:skin>

.FBT-slant:hover{-moz-transform:rotate(22.5deg) scale(1.20);-webkit-transform:rotate(22.5deg) scale(1.20);}

7)  Now Save The Template.

8) To Activate This Effect, Just Use The Class. Look at the example code below (the Bold code is the class)

<imgmargin: 0px; padding: 0px; list-style: none; border: none; vertical-align: baseline; outline: none; color: rgb(0, 0, 0); font-family: arial; font-size: 14px; line-height: 22px; text-align: left; “>FBT-slant” src=” http://4.bp.blogspot.com/-oQKkFPiX0uo/Tk5rq8E6Z1I/AAAAAAAAAf4/njtG_1q_tSU/s1600/blogger_batik_by_mardee.png” />

9) For Activating This Effect For Your Desire Picture Then Just Change This Code/Script/URL “http://4.bp.blogspot.com/-oQKkFPiX0uo/Tk5rq8E6Z1I/AAAAAAAAAf4/njtG_1q_tSU/s1600/blogger_batik_by_mardee.png” To Your Own Desire Picture/URL.And That’s it xD.

10) Now Time To Drop Comments ,So Drop Your Comments If You Got Any Problem Regarding This Tutorial.