360 CSS Rotate Effect for Blogger

Some days back I posted the article "Animated loading Effect for Blogger" through which you can make your Sidebar load with a cool effect by using some CSS codes. Today I will show how you can make your whole blog rotate 360 degree with a line of CSS code. After adding this effect all the pages of your blog will rotate just after the full loading of your blog.

The live demo of this effect can be seen by clicking on the button below.

Adding the Effect

To add this effect to your blog you don't have to follow different tedious steps just click the 1-Click Widget Install button and add this widget to your desired blog.

After installing you and your visitors can see this cool rotating effect in your blog.

NOTE :  This effect works only in Google Chrome and Mozilla Firefox. Browsers like Internet Explorer and Opera are not supported.


  1. Is There A Way To Only Add This To The Home Page And Not On All Other Pages?

  2. @Rahul Ofcourse there is. Follow this think tutorial - http://helplogger.blogspot.in/2012/03/hideshow-widgetsgadgets-in.html

  3. I have applied to it but now want to remove it, tell me how to remove please

  4. how to remove it tell plz..........

    1. To remove this effect, go to Page Layout and remove the widget which has these codes

      < style> @-moz-keyframes roll { 100% { -moz-transform.......< /style>

  5. Please paste the html code here.....I am not able to add this with add to blogger button......