You are here

Add Spinning / Rotating Effect in Blogger

Add-Spinning-2B-Rotating-Effect-in-Blogger

Add Spinning / Rotating Effect in Blogger

Add dynamic and cool rotate effect in blog or website

You may have seen the Rotate friends menu on your mobile or tablet device, it looks good when you select the All mobile devices menu. or Google Chrome browser).

This classic 360-degree rotation effect makes your blog or website great and effective.
Add a spinning effect on your blog or website. To add your blog, you need to add a little script on your blog, it is very easy to add it to Blogger. Just follow the Step below to create the Rotate effect on the blog.

360 Degree Spin Effect With CSS3 In Blogger Post

Follow the steps below:-

Login: on your blogger account

Select your blog on the blog you want to add the widget.

Go to the design option.

In the Design option, there is an Add gadget option Select this (see the demo image below)
add-a-gadget

After selecting Add gadget, a popup will open (Add gadget window)

Now select “HTML / JavaScript” Gadget. (See demo image below)

Now add below HTML Script in Content Box. (See demo image below)

Confiure-html-java-script

HTML script (copy and paste) in the HTML / JavaScript content box

<style> @-moz-keyframes roll { 100% { -moz-transform: rotate(360deg); } } @-o-keyframes roll { 100% { -o-transform: rotate(360deg); } } @-webkit-keyframes roll { 100% { -webkit-transform: rotate(360deg); } } body{ -moz-animation-name: roll; -moz-animation-duration: 4s; -moz-animation-iteration-count: 1; -o-animation-name: roll; -o-animation-duration: 4s; -o-animation-iteration-count: 1; -webkit-animation-name: roll; -webkit-animation-duration: 4s; -webkit-animation-iteration-count: 1; } </style>


Now hit the Save Fix button. Now your blog is ready to Rotate Effect.

Note: – This rotation effect only works in Mozilla Firefox or in the Google Chrome browser.

Thank you, I hope you like this post

We describe each and every part of this article clearly but if you still have some doubt remaining in your find you can comment below to clear out that Or if you like the above article then don’t forget to subscribe for the latest updates.
If you like the above article please share our article on social media.
#blog and tricks #blogandtricks #Rotating Effect #360 #Spin

One thought on “Add Spinning / Rotating Effect in Blogger

Leave a Reply

Top