Advanced Christmas Snowfalls With Breeze For Blogger 2016

Share... ☂

Share on Facebook
Share on Twitter
Share on Google+
Christmas is the annual Christian festival celebrating Christ's birth, held on 25 December in the Western Church.

Adding this wonderful feature to your blogger blog makes your blog look more attractive to your visitors.
And when adding this to your blog it should be from the 24 December- 2 January and even your deaf visitors will understand that we ate celebrating Christmas.

Image

So today I will be giving you some little steps on his to add this wonderful feature to your blogger blog just follow the below steps carefully.








Step 1
First you need to sign in to your Blogger Account and then go to your dashboard and select your preferred blog.





Step 2
Now scroll down to "Template" > Edit HTML"





Step 3
Then press "Ctrl + F" to search for the below code.

]]></b:skin>





Step 4
Copy the following CSS code above it.


/*-- Breeze for Snow flakes --*/
#mbl_snowflakes {
position: absolute;
height: 950px;
width: 966px;
overflow: hidden;
}
#snowContainer > div
{
position: absolute;
width: auto;
height: auto;
-webkit-animation-iteration-count: infinite, infinite;
-webkit-animation-direction: normal, normal;
-webkit-animation-timing-function: linear, ease-in;
}
#snowContainer > div > img {
position: absolute;
width: auto;
height: auto;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
-webkit-animation-timing-function: ease-in-out;
-webkit-transform-origin: 50% -100%;
}
@-webkit-keyframes fade
{
0% { opacity: 1; }
95% { opacity: 1; }
100% { opacity: 0; }
}
@-webkit-keyframes drop
{
0% { -webkit-transform: translate(0px, -50px); }
100% { -webkit-transform: translate(0px, 650px); }
}
@-webkit-keyframes clockwiseSpin
{
0% { -webkit-transform: rotate(-50deg); }
100% { -webkit-transform: rotate(50deg); }
}
@-webkit-keyframes counterclockwiseSpinAndFlip
{
0% { -webkit-transform: scale(-1, 1) rotate(50deg); }
100% { -webkit-transform: scale(-1, 1) rotate(-50deg); }
}



Step 5
Again search for <body and copy the following below it



<script charset="utf-8" src="https://
zealmatcodes.googlecode.com/svn/branches/Js files/
snowfall.js" type="text/javascript"></script>
<div id="mbl_snowflakes">
<div id="snowContainer">
</div>
</div>






I hope this tutorial really help you! Don't forget to drop your comment below thanks.

Share :

zealmatblog

No comments:

Post a Comment

Create your website from just N299/Month with DomainKing.NG.

P.S: Want me to help you personally? If yes, you can buy my helpful eBooks or Hire me now!

Do you need original SEO ready articles for your blog or website? If yes, hire Mathias Amodu on Fiverr. Expect simply the best from me.







Parse Your Adsense HTML code Here





We love to hear from you!

Sign in to comment "anonymously" without entering verification text.