Saturday, December 3, 2016

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.

Must Read :

snow falling effect



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.

Author Bio: Sohan Jayasinghe is the owner and author of Bloggertrix.com .He has been blogging since 2009 and writing Blogger trix since 2010.If you want to contact him, Just leave a message via contact us page or connect with facebook or twitter
at

14 comments:

  1. MrHaegerDecember 3, 2016 at 10:39 PM

    A couple of problems: I pasted the first part of the code, but where you say to past the next line, after body - that didn't exist, so I pasted it in after /body instead. Now, I have two issues: 1. There is a big space (3 inches or so) before the top post, and, the color of the text for all of the existing blog posts switched to a dark gray, rather than their original white. Can you help?

    ReplyDelete
    Replies
    1. MrHaegerDecember 3, 2016 at 10:40 PM

      By the way, the snowflakes DID work, so that part works anyway - but I'd like to fix the other things!

      Delete
    2. UnknownDecember 4, 2016 at 12:51 AM

      Yes sure.
      let me know your blog URL? I can look in to it :)

      Delete
  2. loveDecember 14, 2016 at 9:52 PM

    wow very nice..post
    www.shayarixyz.com
    www.funmazalo.com

    ReplyDelete
  3. bigg boss 10December 18, 2016 at 1:43 AM

    Thanks for the post. I was searching for this trick from long time. i am going to use on this blog

    ReplyDelete
  4. Akas DavrazDecember 18, 2016 at 2:08 PM

    that's Great

    ReplyDelete
  5. AnonymousDecember 20, 2016 at 5:17 AM

    very best thanks

    ReplyDelete
  6. UnknownDecember 20, 2016 at 11:08 AM

    Thanks..

    ReplyDelete
  7. learnprogramingbyluckysirDecember 20, 2016 at 10:09 PM

    Great work...it works fine...

    ReplyDelete
  8. FforFreeDecember 29, 2016 at 8:15 PM

    nice

    ReplyDelete
  9. AnonymousJanuary 3, 2017 at 3:39 PM

    Thanx Dear... Gonna share on my blog
    👍👍👍👍👍👍👍👍👍

    ReplyDelete
  10. Augmented RealityApril 19, 2017 at 3:27 PM

    Dear Sir,

    Thanks For Shearing Such Information, Your article Is Very Useful fot Coding.

    ReplyDelete