Add Floating Sharebar Like Social Media Buttons To Blogger/Blogspot

One that readers share content from your blog is via social media sites such as Twitter, Facebook, Stumbleupon, Digg, Google+ and so on. Adding social media buttons to a blog makes it easy for them to share your content, which in turn should lead to more traffic for you.

In this tutorial, I will show you how to add a floating Sharebar like box that contains buttons to popular social media sites. This method of adding the box to a blog is a simple widget based alternative that does not require you to editing any of your blogs HTML code.

Instructions

> Go to blog dashboard
> Design
> Page Elements
> Click Add A Gadget
> Select HTML/Javascript
> Copy and paste the code below into the content box

<!-- Floating Blogger Social Media Buttons START -->
<style type="text/css">
#pageshare {position:fixed; bottom:15%; margin-left:-71px; float:left; 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: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;/*bs-fsmsb*/-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="Get this from http://bestonblogspot.blogspot.com/">
<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 type="text/javascript" src="http://platform.twitter.com/widgets.js"></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='gplusone'>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<g:plusone size="tall"></g:plusone>
</div>
<div style="clear: both;font-size: 9px;text-align:center;"><a href="http://bestonblogspot.blogspot.com/2011/08/add-floating-sharebar-like-social-media.html">GET WIDGET</a></div><!-- Do not remove this link -->
</div>
<!-- Floating Blogger Social Media Buttons END -->

> Save the Gadget
> Save all changes in Page Elements

Click through to view your blog where the social media buttons should now be showing.

If you need help or have questions on customising the box, please do get in touch with me via my contact form on Ninetynine Ways and tweet me > gerri50 to get a quick response.

Best on Blogspot July/August Prize Winners

The July/August polls have come to an end and we have our winners for the cash and prizes. Thank you to all of you for submitting your blogs and working hard at getting people to vote.

The winners are:

The blog with the most overall votes:

Skip's House of Chaos (1,175 votes)

The blogger gets:

1. $30 (paid via PayPal)

2. A Signed copy of Search-Engine Optimization: Your Visual Blueprint to Effective Internet. Marketing from Kris Jones

Kris is amongst other things an internet marketing expert, President and CEO of Pepperjam. His also the author of the best-selling book, “Search-Engine Optimization: Your Visual Blueprint to Effective Internet. Marketing.” The book is a visual approach to SEO that will help you develop strong SEO strategies. The second edition is due to be released soon and one lucky person will win a signed copy of the book.

3. A copy of Google Blogger For Dummies from Susan Gunelius

Susan has about 20 years experience in direct marketing programs for various large companies. She is the President and CEO of KeySplash Creative, Inc and author or 7 marketing related books. Her book, “Google Blogger For Dummies” tells you pretty much everything you need to know about blogging. Even if you are a seasoned blogger, you will get something useful out of it.

The Best Inspirational/Motivational blog:

There wasn’t a lot of voting in this poll but the result ended in a tie.

A Life of Rhyme

The Coach Amy

Both bloggers get:

1. A copy of "I Talk To My Body" by Carol King.

This is an inspirational book about how she lost 54lbs in 4 months using the Law of Attraction. Carol is the founder of Missing Ingredient Coaching. Her main goal is to help people live the best lives they can using the Law of Attraction

Congratulations to all the winners. I will be in touch to get your prizes to you. Thank you to all of you for submitting your blogs to the polls. Last but not least a special thank you to the prize sponsors:

• Kris Jones

• Susan Gunelius

• Carol King

Sign Up For Email Updates From Best on Blogspot

Polls start in a few short hours. Stay up to date with what is happening at Best on Blogspot via email. Simply enter your email address in the form below:

Enter your email address:

Delivered by FeedBurner

Best on Blogspot Polls July/August 2010

It has been a while since polls have been run. The good news is polls where people can vote for the best Blogger/Blogspot blog are opening up soon! The upcoming polling period is set to run from July the 15th through to the end of August.

If you haven’t already submitted your Blogger blog but would like to, you can do so by going to the ‘Submit a blog’ page.

If you don’t have a blog or for some reason do not want to submit your site but still want to take part, you could sponsor a prize and get people know about you that way.

Good luck to everyone.