An advantage of this method is that by not using scripts doesn't overload the blog, the disadvantage is that users with not so modern browsers, will not be able to see it (in Internet Explorer works for version 10 and up).
The snow will fall in the background of the blog, which, in addition, prevent interfering with links or content (because the flakes are images), also prevent blocking the visibility of the content of the blog.
You can see the demo in this test blog.
How To Add Falling Snow To Blogger Blogspot
Step 1. Go to Template and click on the Edit HTML button:
Step 2. Click the small arrow on the left of <b:skin>...</b:skin> to expand the style (screenshot 1) and click anywhere inside the code area to search by using the CTRL + F keys for the ]]></b:skin> tag (screenshot 2)
Step 3. Add the following code just above it:
/* Snow falling for Blogger
----------------------------------------------- */
@keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}
@-moz-keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}
@-webkit-keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}
@-ms-keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}
#falling-snow {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5Vx8DfrseS0B5sdGroMc23__dt9KyNDGHds96XiCvoLFrE9c5I6s8x_bAU1xD40auL8XPN-cFGi9SJ3nxYK4CFvW-n1t4pFdmvDjj9RHfwYPiYWVWRB1X5MXZBxgCEzJpn449pm-tXMlP/s1600/snow.png), url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiK4lz9lkvHQZtNeuuk8vti3Ra_C2srgczrn3Ajsgk25FNDvIB8eASLBcMQVJn94Ud6T3fBzKzyNzgTx2oH6eQh1NbB6pZQlkhpp6ikj8f9tP0lDH0iQeN-_OtRhPhs6ZPkVXJKaSB4mbZ4/s1600/snow3.png), url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUq-maQXqpOgElOHv2Jgu90kZp2mfsmipW_WmWG0iXA1y7qRwAOuAoU9JU2lp5TMej-OLSd5qHgpCvQf81V_gSGfY4yJCSuwAWRB-eL05suXfMwtXrTX6UOFeuw8rG9-fQLA7H62iPF-J8/s1600/snow2.png);
-webkit-animation: snow 20s linear infinite;
-moz-animation: snow 20s linear infinite;
-ms-animation: snow 20s linear infinite;
animation: snow 20s linear infinite;
}
Step 3. Now, search (CTRL + F) the <body> tag or if you can't find it, search this line below:
<body expr:class='"loading" + data:blog.mobileClass'>Step 4. And just below, add this:
<div id='falling-snow'>Step 5. Finally, find the </body> tag (CTRL + F) and add the following just above it:
</div>Step 6. Save the changes and that's it. Enjoy!!! :)
As you can see this tricks is very simple and easy to install, does not block the visibility of blog's content and most important, it has no scripts, only CSS and nothing else.
Conference Call Technology Blogs hair removal washington dc Gas/Electricity Loans Hosting Treatment Insurance · Car Accident Lawyers Lawyer small business administration sba mesothelioma attorneys california Business MOTORCYCLE ACCIDENT ATTORNEY LOS ANGLES · Mortgage Adviser Degree Transfer AUTO ACCIDENT LAWYER DENVER Credit Software Mortgage STRUCTURED ANNUITY SETTLEMENT · PaperPort Promotional Code Web Hosting and Domains Recovery Claim Mesothelioma Law Firm Donate NUNAVUT CULTURE mesothelioma suit Classes structured settlements annuities Rehab Fatcow Geographical Location of the Visitors domains yahoo mesothelioma survival rates Attomey Cord Blood Trading Forex Trading Attormey Fastest VPS hosting Blogging Making Money online eCommerce sites · World Trade Center Footage Donate Car to Charity California UK Canada LOS ANGELES AUTO ACCIDENT ATTORNEY Donate Car for Tax Credit ANNUITY SETTLEMENT CRIMINAL DEFENSE ATTORNEY PALM BEACH DAYTON FREIGHT LINES structured settlement annuity companies Loans And Donation How to donate a car in California structured settlement buyer Laws and lawyers Car insurance quotes Colorado Health Business mesothelioma claim
0 comentarios:
Publicar un comentario