How to Add Floating Share Button to A Blogger Blog

Integrating share button widget on a blog allows users to easily share blog post on social network like Facebook, Twitter, Google +, Dig...

How to Transfer Megabyte (MB) Bundle on MTN Network

Steps on How to Apply For Jamb 2013 Remarking

How to Embed Blogger Blog Post With A Youtube Video

Integrating share button widget on a blog allows users to easily share blog post on social network like Facebook, Twitter, Google +, Digg and others.

If you have got a good content on your blog, readers can easily share your blog post with friends in just a single click which increases your blog traffic.

Today in this post, i will be sharing with you on how to add a floating share button to a blogger blog.

How to Get Started

=> Firstly, log in to your blogger blog

=> Click on your blogger blog

=> Select “Layout”

=> Then click on “Add Widget”

=> Scroll down and select “HTML/Javascript”

=> Copy and paste the code below in the HTML/JavaScript section

<!-- floating page sharers Start Share This With Friends--> <style> #pageshare {position:fixed; bottom:15%; right:10px; float:right; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;padding:0 0 2px 0;z-index:10;} #pageshare .sbutton {float:right;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="Share This With Your Friends"> <div class='sbutton' id='fb'> <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> </div> <div class='sbutton' id='rt'> <a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a> <script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script> </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> <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 style="clear: both;font-size: 9px;text-align:center;"> <a href="http://www.teyusfreedomtobrowse.com">Get this</a></div> </div> <!-- floating page sharers End -->

=> Save

That’s all

Hope it helps...

Feel free to share this post.

If you face any difficulty setting up your blogger blog floating share button please do let us know, we love to get feedback from our readers.

Click Here to Subscribe by email to receive our daily update. Immediately you click on the subscribe link, you'll get a confirmation message asking you to confirm your subscription, confirm and that's all. Absolute free!

Oladipupo Olutayo

FACEBOOK – www.fb.com/olutayo.segun or www.fb.com/teyusfreedom
TWITTER – www.twitter.com/teyusthedon
2GO - Teyus
 
Thank you!


READ MY POST ON:

• How to Send Free Sms Online Via Gmail
• How to Merge Your Facebook Profile Picture and Timeline picture
• How to Add New Google+ Commenting System to a Blogger Blog
• Top 5 Best Android Apps of April 2013
• 100 Website to Send Unlimited Free SMS