AllTrickyTips: HOW TO ADD VERTICAL SOCIAL SHARING BUTTON ON BLOGGER BLOG

How to add vertical social sharing button on blogger. Social media is one of the best way to increase the page view of your blog.

Now let me come directly to the point. How to add vertical socail sharing widget on a blogger blog

By adding this button you will get traffic from social network sites.

FOLLOW THE BELOW GIVEN STEPS TO ADD VERTICAL SOCIAL SHARING BUTTON ON YOUR BLOGGER BLOG

Step 1 > Go to blogger

Step 2 > Click on Layout

Step 3 > Click on ADD A GADGET

Step 4 > Click HTML/JAVASCRIPT

STEP 5 > Copy the below given code in it

<div <!–sidebar floating share buttons code start–>
<style>
#pageshare {position:fixed; bottom:15%; left:10px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#000000;padding:0 0 2px 0;z-index:10;}
#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}
.fb_share_count_top {width:48px !important;}
.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}
</style>
<div id='pageshare' title="Apply this Widget on your website or Blog">
<div class='sbutton' id='gb'>
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="box_count" show_faces="false" font=""></fb:like></div>
<div class='sbutton' id='rt'>
<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="Rishit1108">Tweet</a><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script></div>
<div class='sbutton' id='gplusone'>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div>
<div class='sbutton' id='su'>
<script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div>
<div class='sbutton' id='digg' style='margin-left:3px;width:48px'>
<script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script><a class="DiggThisButton DiggMedium"></a></div>
<br/><div style="clear: both;font-size: 9px;text-align:center;">
[<a href="http://alltrickytips.blogspot.in/2014/05/How-to-Add-vertical-social-sharing-buttons-on-blogger-blog.html">Get Widget</a>]<font></font></div>
</div>
<!–sidebar floating share buttons code end–></!–sidebar></!–sidebar>

Step 6 > Click on SAVE ARRANGEMENT

Done. You have succesfully added the social share widget in your blog