New : Download Free:Ebook | FREE : [ Limited Copies ] Premium Blogger Template : Grab Now!!! | Like Us :

Sunday, 2 June 2013

How to add Rotating images in your blog post? | Blogger tricks

Hi friends

Today we are going to Teach you how you can add the Rotating images in your blog post.


Steps to add Rotating image to your post

1.Go to the Template>Edit html
2.Then Please copy the below code and paste it in the css section of the Blogger template.

transition:width 2s, height 2s;
-moz-transition:width 2s, height 2s, -moz-transform 2s; /* Firefox 4 */
-webkit-transition:width 2s, height 2s, -webkit-transform 2s; /* Safari and Chrome */
-o-transition:width 2s, height 2s, -o-transform 2s; /* Opera */
-moz-transform:rotate(360deg); /* Firefox 4 */
-webkit-transform:rotate(360deg); /* Safari and Chrome */
-o-transform:rotate(360deg); /* Opera */

3.Save the Template
4.Now when ever you wants add rotating image in your post then first of all add the image to your Post.
Then change your blog post editor to HTML.
You will find the code like:-

You have to just add the code:-

After changing the code will look like this:-

5.Now thats over you will see rotating images in your blog post

Enjoy friends :)



Post a Comment


About The Author

I am a B.Tech Computer Science Student. I love Programming and blogging. I am Oracle certified Java Professional. My Profile

Technology Blogs

Education Blogs

Twitter Facebook RSS YouTube Google

All Rights Reserved ©Indian Blogger Community 2013

© 2013 Designed by Indian Blogger Community