Add Fixed Vertical Floating Vertical Bar With Share Buttons Widget for Blogger by togical.com

You may come across many blogs where a vertical floating bar with share button is present at the left side or right of the blog posts.This Floating Vertical Bar is actually a blogger widget which helps the blogger to get more Facebook page likes,twitter tweets,and stumbles etc. This widget is very useful for visitors to easily share your blog/website contents.This widget is already posted by many bloggers but actually that is static or something else,but the widget we are going to share is Floating Vertical Bar with The Beautiful Share Buttons. Add Floating Vertical Bar With Share Buttons To Blogger.

Adding Vertical Floating Bar with Social Buttons To Blogger is very easy.You have to Copy a snippet of Code,and then you should have to add it into the HTML/JavaScript Box.However let's take a look on these steps.

To add vertical share buttons to blogger gadget first sin to blogger Step

1: Select the site you want to add vertical share buttons Step

2: Go to Layout and select Add a Gadget Step

3: Select HTML/JavaScript option under Add a Gadget option. Now copy paste below code in the box and click save.

<tr>
    <td style="padding:5px 0px 0px 0;">
<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical">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 0px 0px;">
<script src='http://apis.google.com/js/plusone.js' type='text/javascript'> {lang: 'en-US'} </script>
<g:plusone size="Tall" expr:href="data:post.url">
    </g:plusone></td>
    </tr>
    <tr>
<tr>
<td style=" padding:5px 0px 2px 0px;">
<script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script>
</td>
</tr>
<td style=" padding:5px 0px 2px 0px;">
<script src="http://platform.linkedin.com/in.js" type="text/javascript"></script>
<script type="IN/Share" data-counter="top"></script>
</td>
</tr>
<tr>
<td style=" padding:5px 0px 2px 0px;">
<script type="text/javascript" src="http://www.reddit.com/static/button/button2.js"></script>
</td>
</tr>
</table> 

 .

    

.