Thêm bộ nút Google +1 , Facebook và Twitter cho Blogger gắn bên trái blog

Để thực hiện thủ thuật bạn làm như sau:

1. Đăng nhập vào Blogger > Phần tử trang > Thệm tiện ích HTML/JavaScrip.

2. Copy đoạn code bên dưới và dán vào tiện ích




<style>#floatingbuttons{
background:#aaa;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #f2f2f2), color-stop(1, #aaa));
background:-moz-linear-gradient(top, #f2f2f2, #aaa);
border:1px solid #808080;
float:left;
padding:0 0 3px 0;
position:fixed;
bottom:15%;
left:0;
z-index:10;
border-radius:0 5px 5px 0;
box-shadow:2px 2px 5px rgba(0,0,0,0.3);
}
#floatingbuttons .floatbutton{
float:left;
clear:both;
margin:5px 4px 0 4px;
}
.addbuttons{
clear:both;
text-align:center;
padding-top:5px;
}
.addbuttons a span.getfloat, .addbuttons a span.sharebuttons{
color:#fff;
background:none;
font-family:arial, sans-serif;
display:block;
font-size:9px;
font-weight:bold;
text-decoration:none;
line-height:11px;
}
.addbuttons a:hover span{
color:#fff;
background:none;
text-decoration:underline;
}
</style>
<br />
<div id='floatingbuttons' title="Share this post!"><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><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><!-- Medium Button --><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script><div class='floatbutton' id='facebook'><fb:like layout="box_count" show_faces="false" font=""></fb:like></div><div class='floatbutton' id='google+1'><g:plusone size="tall"></g:plusone></div><div class='floatbutton' id='twitter'><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a></div></div>