Just
remove Background property code only.
search
for body then remove background property with value
background:
url{}
Step
1: Go to Blogger Dashboard in your blogger account.
Step
2: Click on the Edit HTML button to extract your blog template.
Step
3: Search for ]]></b:skin> using Ctrl+F in Notepad.
Step
4: Copy the following code and paste the code above it.
body
{
animation:
colorBackground 20s infinite;
-webkit-animation:
colorBackground 20s infinite;
-moz-animation:
colorBackground 20s infinite;
-o-animation:
colorBackground 20s infinite;
}
@keyframes
colorBackground {
0%
{ background-color: #fbcf61; color: #fbcf61; }
20%
{ background-color: #6bd57e; color: #6bd57e; }
40%
{ background-color: #ff6f6f; color: #ff6f6f; }
60%
{ background-color: #57cff4; color: #57cff4; }
80%
{ background-color: #0ed4c8; color: #0ed4c8; }
100%
{ background-color: #fbcf61; color: #fbcf61; }
}
@-webkit-keyframes
colorBackground {
0%
{ background-color: #fbcf61; color: #fbcf61; }
20%
{ background-color: #6bd57e; color: #6bd57e; }
40%
{ background-color: #ff6f6f; color: #ff6f6f; }
60%
{ background-color: #57cff4; color: #57cff4; }
80%
{ background-color: #0ed4c8; color: #0ed4c8; }
100%
{ background-color: #fbcf61; color: #fbcf61; }
}
@-moz-keyframes
colorBackground {
0%
{ background-color: #fbcf61; color: #fbcf61; }
20%
{ background-color: #6bd57e; color: #6bd57e; }
40%
{ background-color: #ff6f6f; color: #ff6f6f; }
60%
{ background-color: #57cff4; color: #57cff4; }
80%
{ background-color: #0ed4c8; color: #0ed4c8; }
100%
{ background-color: #fbcf61; color: #fbcf61; }
}
@-o-keyframes
colorBackground {
0%
{ background-color: #fbcf61; color: #fbcf61; }
20%
{ background-color: #6bd57e; color: #6bd57e; }
40%
{ background-color: #ff6f6f; color: #ff6f6f; }
60%
{ background-color: #57cff4; color: #57cff4; }
80%
{ background-color: #0ed4c8; color: #0ed4c8; }
100%
{ background-color: #fbcf61; color: #fbcf61; }
}
Step
5: Click on Save template button
That's
all. You are done!
No comments:
Post a Comment