Skip to main content

Add Fixed Vertical Share Buttons To Blogger Gadget


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.

<table cellpadding="1px" cellspacing="0">
    <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>


 - Now view your blog which looks as below



Note: You can add more share buttons to the above code.

Comments




Enter your email address:

Delivered by FeedBurner