Add Snow Falling Effect In Mouse Cursor for Blogg

Snow Falling In Mouse Cursor

Hello friends!, here we are again  with another great trick. Snow falling in mouse cursor. You can decorate with this script. You can Spice up your blog in Winter, Christmas , It'll bring more joy to your visitors. ok lets have the code

1. Copy the code below
2. Page element --> Add a Gadget --> HTML/JavaScript   --> Paste the code and Save

Demo

<script type='text/javascript'>
// <![CDATA[
var colour="White";
var sparkles=100;

var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="3px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="3px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";

star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}

}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {


tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>

Enjoy it.......!
if you are using New blogger interface and having trouble with adding widget code, try Switching back to Old blogger interface


Tags:
how to add Snow falling effect in mouse cursor, Snow falling effect to blogger, amazing snow falling effect, snow falling widget for blogger,

Previous Posts:

How To Add Floating Social Media Sharing Buttons For Blogger
How to Fix MediaFire Infinite Page Refresh
How To Switch Back To Old Blogger Interface

Read More »

Floating Twitter, Facebook, Digg, Plus One, Stumbleupon, Share buttons for blogger

Floating social share buttons widget

        Social bookmarking is great way to get more traffic.But how can you make your visitor Share your content with their social bookmarking profiles like Digg, Stumbleupon, and Social Communities like Google +, Facebook.That's the difficult part,most people feel lazy about sharing them with their Social bookmarking profiles.

But don't worry about it now.This widget make it easy for you.This floating widget helps you to get more attention from visitors...This widget will increase traffic to your blog. That's why this widget is effective and this is a very needed one for any web site.

In most sites i saw this widget on "Left" side. but i suggest "Right", because when the reader scrolling the page, mouse pointer is always in the "Right" side. So i think clicking Effectiveness
is high in "Right" side.     ok then let's see how to add it to your blog

Demo

1. Copy the code below
2. Page element --> Add a Gadget --> HTML/JavaScript   --> Paste the code and Save

<style>

#floatdiv {
  position:fixed;
bottom:2%;
margin-left:870px;
z-index:10;
float:left;
padding-bottom:2px;

}

#ETiOne-Sbar {
        background:#444;
        border-top:1px solid #ddd;

        border-left:1px solid #ddd;

        border-bottom:1px solid #ddd;

        border-radius:5px;
       -moz-border-radius:5px;
       -webkit-border-radius:5px;
        padding-left:5px;
        width:60px;
        margin:0 0 0 5px;
}

.fb_share_count_top {width:52px !important;}

.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}

.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:52px !important; -moz-border-radius:3px;/*bs-fsmsb*/-webkit-border-radius:3px;}

.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}
</style>

<div id="floatdiv">
<div id="ETiOne-Sbar">
    <table cellpadding="1px" cellspacing="0">

    <tr>
    <td style="padding:5px 0px 0px 0;">
<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="SnOW_BiRDx">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
    </td>
    </tr>

    <tr>
    <td style="padding:5px 0 2px 0;">
    <a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
    </td>
    </tr>


<tr>
<td style=" padding:5px 0px 2px 0px;">
<script type="text/javascript">
(function() {
var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];
s.type = 'text/javascript';
s.async = true;
s.src = 'http://widgets.digg.com/buttons.js';
s1.parentNode.insertBefore(s, s1);
})();
</script>
<a class="DiggThisButton DiggMedium"></a>
</td>
</tr>
    <tr>
    <td style=" padding:5px 0px 0px 0px;">

<g:plusone size="Tall" expr:href="data:post.url">
    </g:plusone></td>
    </tr>
<tr>
<td style=" padding:5px 0px 2px 0px;">
<script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script>
</td>
</tr>
<tr>
    <td>
<p style=" line-height:0px; font-size:10px; font-weight:bold; text-align:center;"><a style="color:#D3D3D3;" href="http://everythinginoneplaze.blogspot.com/2012/02/floating-social-share-buttons-widget.html">Get Widget</a></p>
    </td>
    </tr>
    </table>
</div>
</div>

After Done with copying code let's see how to customize the widget

• bottom:2%;
  - Change position Top to bottom -
  
  
  
• margin-left:870px;
  - Change position left to right -
  
  
  
• background:#444;
  border-top:1px solid #ddd;
  
  border-left:1px solid #ddd;
  border-bottom:1px solid #ddd;
  - Change background and boader color -
   Our hex color code generator will help you to find color codes
  

• data-via="SnOW_BiRDx"
  - Change this to your Twitter username -

ok friends !.. let's meet again with another great post


Tags:
How To Add Floating Social Media Sharing Buttons For Blogger, add Floating social share buttons widget, for blogger, wordpress, Free blogger tools, what are widgets, widgets for blogger, social share buttons widget facebook, facebook share button, Twitter share button, Stumbleupon share button, Digg share button, google plus one + one button, How to Increase uTorrent, BitTorrent Download Speed, How to Increase p2p Download Speed - Tcpip Patch, How To Increase 3G Signal - USB Dongle, How to Fix Mediafire Continuous Page Refresh,

Read More »

Free Hex Color Code Generator

Free Hex Color Code Generator

Tags:
Free Hex Color Code Generator, Hex Color Code Generator, Color Code Generator, Color Code for blogger, Color Code Generator tool, Fix MediaFire Continuous Page Refresh, Real Hide IP (Full v.) - Free Download, How to Increase p2p Download Speed - Tcpip Patch, Free Download Advanced System Care Pro Full.v

Read More »