Social media networks always great resource to get traffic.Every
bloggers love to get huge traffic for their blog.Therefore we have to be
active in social medias site.Because we need get lot of followers and
friends.In this tutorial im gonna explain How to add Dynamic Floating
Social Bookmark Widget for Blogger.It helps to increase your followers
and friends.This Floating Social Bookmark Widget shows on every pages in
bloggers. You can link your social media profile Facebook, Twitter
Pinterest and Google plus. It will help to get new followers and friends
to your profile.Check below link for demo.

You may like these articles
How to Add Fixed Social Media Sidebar for Blogger
Awesome 8 tips to Increase Google Plus Followers
Smooth Sliding Social Media Widget For Blogger
Extracting Hover Style Social Media Widget for Blogger
How to Add Unique Rss Subscribe Widget For blogger
1. Log in to blogger account and Click drop down.
2. Now select "Template"
3. Find this tag by using Ctrl+F </head>
Note: First click on template code (anywhere of code), After that press Ctrl+F
4. Paste below code before </head> tag
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> <script language='javascript'> var name = "#floatMenu"; var menuYloc = null; $(document).ready(function(){menuYloc = parseInt($(name).css("top").substring(0,$(name).css ("top").indexOf("px"))) $(window).scroll(function () { offset = menuYloc+$(document).scrollTop()+"px";$(name).animate({top:offset},{duration:1000,queue:false});});}); #floatMenu { position:absolute;top:150px;float:left;width:45px;} #floatMenu ul {list-style: none;} #floatMenu ul li a {-webkit-transform:scale(0.6);-moz-transform:scale(0.6);-o-transform:scale(0.6);-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;opacity: 0.8;} #floatMenu ul li a:hover {-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);opacity: 1;} </style>
5. Now again Find this tag by using Ctrl+F </body>
Note: First click on template code (anywhere of code), After that press Ctrl+F
6. Paste below code before </body> tag
<div id='floatMenu'> <ul> <li><a href='http://facebook.com/WidgetSpy' target='_blank'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhksh7v1z2bGu5E8zdbpZkaUM51urjeQLZ-z9kPTjB4kOZecjuwiALs4UTsbLsEZ6T30X2DRqAPcmaP81pu-JtEh9WQ6LyAB0EmY-_VNEhbIUFeigh8yMBT0fqaqPq4bwscTLsWuK6Lcx4/s1600/btrix-facebook.png' style='margin-bottom: 3px;' title='Follow Me On Facebook'/></a></li> <li><a href='http://twitter.com/WidgetSpy' target='_blank'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOK5XcI1cdo7G23Bnrths2YN6tP6w2zaqCxc43uXZz0VlaqkGEtUfW8gEfEptv-d-DEpUSEseFODtyaQ8LMMX6y8NV0n-LS0OKkbR-CMst46HHvI3frFAuwPVGJ2bV0IUS8EU7PfX4Sgs/s1600/btrix-twitter.png' style='margin-bottom: 3px;' title='Follow Me On Twitter'/></a></li> <li><a href='http://pinterest.com/WidgetSpy' target='_blank'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtLHJZkVYS2RnxrVy_lG7D7cCUAwM3FVXWilcWzwKkVOuegvnQsj9HDE0_Jgepx4hAUIoNgC9Ptf3HDuDBqU3lGHQJPmCRXu3uSbM0lgE_EaXewz_in1L29M-UgV4vbc6GKr9pmlOht34/s1600/btrix-pinterest.png' style='margin-bottom: 3px;' title='Follow Me On Pinterest'/></a></li> <li><a href='https://plus.google.com/107955298793879607964' target='_blank'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMhnfBXbGfozmBNz1VUAnnTZe161F5NYGnbmHAIMsWUWBm6xJ8zqFKWJAlb918uvEe4rRJ1jgNEBIsOePErbOfxMeS_e3kbeiU8I7FE2RzyKBfmCL7t9b_DUNthIo7EFCWOlqP4whsPLc/s1600/btrix-googleplus.png' style='margin-bottom: 3px;' title='Add Me your Circle'/></a></li> </ul></div>
Replace WidgetSpy with your Facebook username
Replace WidgetSpy with your Twitter Username
Replace WidgetSpy with your Pinterest Username
Replace 107955298793879607964 with your Google plus id Username
7. Now click Save Template You are done...
A