- [ Meta Tag SEO ] --> How to add Unique Snow Falling Effect to Blogger ~ Dreamy Tricks

How to add Unique Snow Falling Effect to Blogger

Most of blogger are use snow falling effect to their blog. It is a common trend all bloggers to in specific seasons.Snow falling effects are very famous in Christmas season. Sometime, evrn we search about snow falling effects for blogger, hard to get working versions.Therefore, today we will learn how to add snow falling effect to your blog.You can check our  previous snow effects tricks.



                                                                           Demo   

Awesome 3d Effect CSS Menu bar for Blogger


1. Go to Blogger Dashboard > Template

2. Find </head> tag
3. Paste below code just above it.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js"></script>        
<script src="http://preview.bloggertrix.com/bloggertrix_christmas/snow.js"></script>      <style>
img.bg {
        min-height: 100%;min-width: 1024px;
        width: 100%; height: auto;
        position: fixed; top: 0;left: 0;}
h1 {
font-family: 'Chelsea Market', cursive;
color: #FFF;font-size: 90px;text-align: center;line-height: 95px;font-weight: normal;
margin-top: 350px;text-shadow: 5px 5px 5px #000;
}
@media screen and (max-width: 1024px) { /* Specific to this particular image */
        img.bg { left: 50%;margin-left: -512px;   /* 50% */}
}
html, body {
font-family: Helvetica, Arial, sans-serif;font-size: 12px; line-height: 16px; padding: 0;
margin: 0;color: #333;
}
.bar {background-color: #111;color: #f0f0f0; box-shadow: 0px 0px 2px #333;
line-height: 25px;padding: 0px 20px;opacity: 0.7;
}
.bar:hover {opacity: 1;}
.bar a {color: #DDD;}
.bar a:hover {color: #FFFFFF;}
a { color: #CCC; text-decoration: none; }
a:hover { color: #FFFFFF; }
#canvas {border: 1px solid black;position: absolute;z-index: 10000; }
#flake {color: #fff;position: absolute; font-size: 25px;top: -50px;}
#page {position: relative;}
</style>
4.  Again find <body>
5. Paste below code after <body> tag.

<div id = "flake">&#10052;</div>
6. Now save your  Template  You are done. If you have any problem related to this snow falling effect. Just leave a comment.I will help you.
Previous
Next Post »

comment plzz ConversionConversion EmoticonEmoticon