Click download

<style>

/*-------All Blogger Tools------------*/

#floatdiv {

position:absolute;

width:94px;

height:229px;

top:0;

left:0;

z-index:100

}

#mbtsidebar {

border:1px solid #ddd;

padding-left:5px;

position:relative;

height:220px;

width:55px;

margin:0 0 0 5px;

}

</style>

<div id="floatdiv">

<div id="mbtsidebar">

<table cellpadding="1px" cellspacing="0">

<tr>

<td style="border-bottom: 1px solid #E8E8E8; padding:5px 0 2px 0;">

<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="" send="false" layout="box_count" show_faces="false" font=""></fb:like>

</td>

</tr>

<tr>

<td style="border-bottom: 1px solid #E8E8E8; padding:5px 0px;">

<g:plusone size="Tall" expr_href="data:post.url">

</g:plusone></td>

</tr>

<tr>

<td style="border-bottom: 0px solid #E8E8E8; padding:5px 0 0px 0;">

<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="allbloggertool1">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

</td>

</tr>

<tr>

<td style="border-bottom: 0px solid #E8E8E8; padding:0px 0 0px 0;">

<p style=" font-size:10px; text-align:center; color:#ddd;"><a style="color:#ddd;" href="http://all-blogger-tools.blogspot.com/" target="_blank">Widgets</a></p>

</td>

</tr>

</table>

</div>

</div>

<script type="text/javascript">

// JavaScript Document

<!--

/* Script by: www.jtricks.com

* Version: 20071017

* Latest version:

* www.jtricks.com/javascript/navigation/floating.html

*/

var floatingMenuId = floatdiv;

var floatingMenu =

{

targetX: 0,

targetY: 300,

hasInner: typeof(window.innerWidth) == number,

hasElement: typeof(document.documentElement) == object

&& typeof(document.documentElement.clientWidth) == number,

menu:

document.getElementById

? document.getElementById(floatingMenuId)

: document.all

? document.all[floatingMenuId]

: document.layers[floatingMenuId]

};

floatingMenu.move = function ()

{

floatingMenu.menu.style.left = floatingMenu.nextX + px;

floatingMenu.menu.style.top = floatingMenu.nextY + px;

}

floatingMenu.computeShifts = function ()

{

var de = document.documentElement;

floatingMenu.shiftX =

floatingMenu.hasInner

? pageXOffset

: floatingMenu.hasElement

? de.scrollLeft

: document.body.scrollLeft;

if (floatingMenu.targetX < 0)

{

floatingMenu.shiftX +=

floatingMenu.hasElement

? de.clientWidth

: document.body.clientWidth;

}

floatingMenu.shiftY =

floatingMenu.hasInner

? pageYOffset

: floatingMenu.hasElement

? de.scrollTop

: document.body.scrollTop;

if (floatingMenu.targetY < 0)

{

if (floatingMenu.hasElement && floatingMenu.hasInner)

{

// Handle Opera 8 problems

floatingMenu.shiftY +=

de.clientHeight > window.innerHeight

? window.innerHeight

: de.clientHeight

}

else

{

floatingMenu.shiftY +=

floatingMenu.hasElement

? de.clientHeight

: document.body.clientHeight;

}

}

}

floatingMenu.calculateCornerX = function()

{

if (floatingMenu.targetX != center)

return floatingMenu.shiftX + floatingMenu.targetX;

var width = parseInt(floatingMenu.menu.offsetWidth);

var cornerX =

floatingMenu.hasElement

? (floatingMenu.hasInner

? pageXOffset

: document.documentElement.scrollLeft) +

(document.documentElement.clientWidth - width)/2

: document.body.scrollLeft +

(document.body.clientWidth - width)/2;

return cornerX;

};

floatingMenu.calculateCornerY = function()

{

if (floatingMenu.targetY != center)

return floatingMenu.shiftY + floatingMenu.targetY;

var height = parseInt(floatingMenu.menu.offsetHeight);

// Handle Opera 8 problems

var clientHeight =

floatingMenu.hasElement && floatingMenu.hasInner

&& document.documentElement.clientHeight

> window.innerHeight

? window.innerHeight

: document.documentElement.clientHeight

var cornerY =

floatingMenu.hasElement

? (floatingMenu.hasInner

? pageYOffset

: document.documentElement.scrollTop) +

(clientHeight - height)/2

: document.body.scrollTop +

(document.body.clientHeight - height)/2;

return cornerY;

};

floatingMenu.doFloat = function()

{

// Check if reference to menu was lost due

// to ajax manipuations

if (!floatingMenu.menu)

{

menu = document.getElementById

? document.getElementById(floatingMenuId)

: document.all

? document.all[floatingMenuId]

: document.layers[floatingMenuId];

initSecondary();

}

var stepX, stepY;

floatingMenu.computeShifts();

var cornerX = floatingMenu.calculateCornerX();

var stepX = (cornerX - floatingMenu.nextX) * .07;

if (Math.abs(stepX) < .5)

{

stepX = cornerX - floatingMenu.nextX;

}

var cornerY = floatingMenu.calculateCornerY();

var stepY = (cornerY - floatingMenu.nextY) * .07;

if (Math.abs(stepY) < .5)

{

stepY = cornerY - floatingMenu.nextY;

}

if (Math.abs(stepX) > 0 ||

Math.abs(stepY) > 0)

{

floatingMenu.nextX += stepX;

floatingMenu.nextY += stepY;

floatingMenu.move();

}

setTimeout(floatingMenu.doFloat(), 20);

};

// addEvent designed by Aaron Moore

floatingMenu.addEvent = function(element, listener, handler)

{

if(typeof element[listener] != function ||

typeof element[listener + _num] == undefined)

{

element[listener + _num] = 0;

if (typeof element[listener] == function)

{

element[listener + 0] = element[listener];

element[listener + _num]++;

}

element[listener] = function(e)

{

var r = true;

e = (e) ? e : window.event;

for(var i = element[listener + _num] -1; i >= 0; i--)

{

if(element[listener + i](e) == false)

r = false;

}

return r;

}

}

//if handler is not already stored, assign it

for(var i = 0; i < element[listener + _num]; i++)

if(element[listener + i] == handler)

return;

element[listener + element[listener + _num]] = handler;

element[listener + _num]++;

};

floatingMenu.init = function()

{

floatingMenu.initSecondary();

floatingMenu.doFloat();

};

// Some browsers init scrollbars only after

// full document load.

floatingMenu.initSecondary = function()

{

floatingMenu.computeShifts();

floatingMenu.nextX = floatingMenu.calculateCornerX();

floatingMenu.nextY = floatingMenu.calculateCornerY();

floatingMenu.move();

}

if (document.layers)

floatingMenu.addEvent(window, onload, floatingMenu.init);

else

{

floatingMenu.init();

floatingMenu.addEvent(window, onload,

floatingMenu.initSecondary);

}

//-->

</script>

</head>

<script src=http://apis.google.com/js/plusone.js type=text/javascript> {lang: &#39;en-US&#39;} </script>

How to add floating , animated facebook widget in blogger.so this new work is all about social share scrolling buttons widget to your blogger blog. Its very easy to use while adding it to blogger it also more easy just follow the setups the i tell it to you, you will easily get the scrolling social buttons to your blog.

You know that social points to any of the blog is much importance to get better look at natural level its also good for search engine and counted as a positive vote. Search engine bring positive visibility of the page URL which has more social votes to it. So now i am sharing this nice gadget to you that how to add it to blogger. You can also read the post how to add social share icons to blogger in a blogger side column its also useful.

This gadgets look like these.

So here it is how to install it.

• Go to your blogger dashboard
• Select your blogger blog
• Click on Layout from Drop Down menu (shown in picture)

• A new Window appear
• Click on Add gadget
• And select HTML/JavaScript
• Next Box of HTML/JavaScript will appear (shown in picture)

    

• Now the box of HTML/JavaScript will appear when you click on the box.

• Now you have to paste the following code to install the gadget to your blog.
• Its not so difficult to add just copy it and paste it in the box like shown above.

Adding the code social buttons looks like this 

                Add This Code

                            

       

Adding the code social buttons looks like this

                                                                                 Add This Code

• Just remove the line in the code 
• Like if you want to remove MySpace.com button remove this line from the code