Advanced Christmas Snowfalls With Breeze For Blogger 2016

0
33
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

________________________________________________________________
>Do You Want To Receive Update As Soon As We Publish? join our Telegram Channel stay updated with the latest headlines--CLICK HERE
______________________________________________________________

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=”//
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.

banner ad * TEXT ADS**
◊Cure and Knock Staphylococcus & Other Infectious Diseases out from your Body within 3 weeks --CLICK HERE

◊Order Ultimate Virtual Soccer Hacks and Secretes to Win 100k Daily --CLICK HERE

◊Register Your Business Name With CAC and Get it in less than 2 weeks--CLICK HERE

◊Join our Community and interact with fellow members>> Click here to join

◊JOIN US @TELEGRAM TO RECEIVE UPDATE CLICK HERE


◊Grab Ultimate List of Over 100+ Companies That Pays You Up To $2500 To Blog and Post Online ( #3000 Only))- CLICK HERE

◊Get All Recruitment Jobs Past Questions and Answers--CLICK HERE
____________________________________________________________________
READ ALSO  6 Common Causes of Failure in Blogging!

LEAVE A REPLY

Please enter your comment!
Please enter your name here