New Floating Social Bookmarking Widget For Blogger 2012

 Go to >> blogger dashboard edit html

Now >> Ctrl+F

and find out <b:includable id='post'var='post'>

Just copy the below html code and paste code below

<b:includable id='post'var='post'> tag

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>

<style type='text/css'>

/*<![CDATA[*/

#btnt-social {  bottom: 10%; margin-left: -50px; position: fixed; }

#btnt-social ul { list-style: none;clear: none;padding: 0px 0px ;margin: 5px 0;}

#btnt-social ul li { display: inline;background:none;margin:0;padding:0;}

#btnt-social ul li a { display:block;  width: 32px; height:32px; margin: 5px 0; }

#btnt-social ul li a.twitter    { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPCqZSq-5U7i9TUPDXrdUyD2WUWwr34U_9GXSu73EuQ3NjiuImAx3VAoT_ivNVj_0j_EmkDZl_0awbKSWPvt7OXabxp7JZyelRayNEZYFFwGmyyENyRaaIyK2R0MKpG1QGlfG3xXwgXyEU/s32/twitter.png") repeat scroll 0 0 transparent;  }

#btnt-social ul li a.facebook   { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSx6FuWWBWq6CVV5543iGwx511hmoHmTsk7iF964hD1ZWtyKH6Wyn3jHgIi7FqxaUpxm0qQpnXBfJjilRa1iU_IXAA3Zq6EmQg_sTjyl4lx1OMk-sKazTWJjQHGmjOAX8CACnD7q4c2ZV6/s32/facebook.png") repeat scroll 0 0 transparent; }

#btnt-social ul li a.stumbleupon  { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXTg_VspaxRrFpl12LKwAIOqsVoubv0WQP20HfMXfVgdZDodygaW05AYbn22vYrX-Rg5HG47SYDzCJTFIqN0224ysMQNMhviHp59L2dPx9jgVKyReLYqcG9BVjfWWMWF1XeLtBnuXln1Pb/s32/stumbleupon.png") repeat scroll 0 0 transparent;  }

#btnt-social ul li .google-plus    { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbIw76u-GbsdV_e1Q-ThuCOCoxiorQsS_9xXFxGyXHiR9Mg-3YijRjOdQosTjIy9S7D4qUfjwVR24dhJx-PEOLV4AdV55KKYvk21Cu4GVwX_QeUeSFrQnDT_qU2iSJmc4jY60fKZWDCRBY/s1600/g-plus.png") repeat scroll -1px 0 transparent;  }

#btnt-social ul li a.pin-it-button   {  background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZw-vnuu_DO9k7ptP5xsKrvihXsZui6sRm1-RfrcpsT81PoJ1jqZe5dVldCCxMiAs36PotEUv5gOHeJHs0tXXrEMISwXW-3Z2lHKdDO8L6gD6wU1nT1CWq34gOzBCNQ9KVmqx6iyZAPSwk/s32/pinterest.png") repeat scroll 0 0 transparent;  }

#btnt-social ul li .addthis_32x32_style .dummy .at300bs, #btnt-social ul li .addthis_32x32_style .at300bs, #btnt-social ul li .addthis_32x32_style .at15t   { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXQXbsObzn8es7rp6EfQqRGV8iYMCL-EgFMPIAh3uIoolaTYUT9GmqIe-_J77CeJlJUXpvYftBXcd7Vahq9wWw6PCDTnzeYtLbOQRDC7FHF7uE4gir9CjSt-Jm4-W45Q3nqkD1zd5PVLwC/s32/sharethis.png") repeat scroll 0 0 transparent;  }

/*]]>*/

</style>

<div id='btnt-social'>

<ul>

<li><a class='twitter' expr:href='&quot;http://twitter.com/?status=&quot; + data:post.title + &quot; - &quot; + data:post.url ' rel='nofollow' target='_blank' title='Share this post on twitter'/></li>

<li><a class='facebook' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Share this post on Facebook'/></li>

<li><a class='stumbleupon' expr:href='&quot; http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Share this post on Stunbleupon'/></li>

<li><a class='google-plus' expr:href='&quot; http://plus.google.com/share?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Share this post on Google+ '/></li>

<li><a class='pin-it-button' href='javascript:void(run_pinmarklet())'/>

<script src='http://assets.pinterest.com/js/pinit.js' type='text/javascript'/>

<script type='text/javascript'>

function run_pinmarklet() {

    var e=document.createElement(&#39;script&#39;);

    e.setAttribute(&#39;type&#39;,&#39;text/javascript&#39;);

    e.setAttribute(&#39;charset&#39;,&#39;UTF-8&#39;);

    e.setAttribute(&#39;src&#39;,&#39;http://assets.pinterest.com/js/pinmarklet.js?r=&#39; + Math.random()*99999999);

    document.body.appendChild(e);

}

</script></li>

<li><div class='addthis_toolbox addthis_32x32_style'>

<a class='addthis_button_compact'/>

</div>

<script type='text/javascript'>

var addthis_config = {

     ui_cobrand: &quot;blogtipsntricks.com&quot;,

ui_header_color: &quot;#ffffff&quot;,

     ui_header_background: &quot;#0080FF&quot;

}

</script>

<script src='http://s7.addthis.com/js/300/addthis_widget.js' type='text/javascript'/></li>

</ul>

</div>

</b:if></b:if>

Now Saved The Template

You Can Done.

Don't forget to follow us on facebook