How To Add Slant Images Effect To Blogger

By -
1 Flares Filament.io 1 Flares ×

Blogger-Logo

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.

 

 

1 Flares Twitter 0 Facebook 0 Google+ 1 Reddit 0 Filament.io 1 Flares ×

My Name is Umer i am a self made blogger, i learn blogging my own self, i love to learn more and share some best blogging tips on my this blog. I hope you may like my some articles special thank you to reading about my self. Please Check my Latest Project @ Templotic - Best Blogger Templates