Skip to main content

Add floating share buttons on sidebar of your blogger

By

About 20% of all traffic on www comes from social sites. And for personal blogs this percentage is even larger, so if your blog is missing social buttons then you might be missing heavy traffic. Floating social buttons not only improve the look of your blog but also drive huge traffic. Apart from working on traffic and search engine optimization (SEO), there’s a need to integrate your blog with popular social networking platforms. A floating share buttons (social bookmarking) widget by the right of every page is just one of the gadgets you must add to your blog if you intend to get free traffic from facebook and twitter. So I am going to tell you how to add floating social buttons on your blogger. Don’t worry you don’t have to edit HTML of your blog for that.
Having a floating share buttons widget makes it even easier for your blog visitors to share your blog posts they find interesting. The floating sidebar sharing widget comes with the most popular social sites. You can see the widget just at the right side of this page and it scrolls with the page, leaving your visitor no choice but to share your content. Follow these steps to add floating share widget to your blog-
How To Add Floating Share Buttons On The Sidebar
1. Log in to your blogger account and click on Design
2. You’re now looking at your blog’s layout, right? Click on Add A Gadget on the sidebar.
3. Select HTML/Java Script.
4. Paste the code below into the box and save. There’s no need for a title.

<!--SideBar Floating Share Buttons Code Start-->

<style>

#pageshare {position:fixed; bottom:15%; right:10px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;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="Share This With Your Friends">
<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" >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>
<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><br/><div style="clear: both;font-size: 9px;text-align:center;"><a href="http://gadgetsmaniac4u.blogspot.com/2011/12/add-floating-share-buttons-on-sidebar.html" target="blank"><font color="black">[Get This]<font></font></font></a></div></div>

<!--SideBar Floating Share Buttons Code End-->
5.Open your blog and see floating buttons.Thats it.

Labels:

Comments

Post a Comment

Popular posts from this blog

How to improve 3G/4G internet on Android Device

By
Android device makes things a lot different for the users. Several Android devices have some unusual facts that may ruin any users experience. There might be a lot of things on that list. bad internet speed is one of them. if your internet speed is not go as it was supposed to be then you will be like throwing your phone through the windows.  Some times due to some reasons phone is not able to give a appropriate speed on cellular network as well as on wi-fi. This might be due to bad signal strength, Software problem , Hardware problem, Phone Memory, congestion etc...  But if you find your self in a condition where you are not able to decide why your internet speed is slow but if you want to improve your speed at any cost. So we have an app for you. Internet Speed Master is a tool that will allow you do that. Basically this tool for the rooted Android Devices because the resources it required are only available in rooted device. Although you can install this on unrooted ...
285 comments
Read more

How to Transfer your Data From Blackberry 7 to Blackberry 10 Device

By
blackberry 10 OS is said to be the most advanced operating system by blackberry. Blackberry Z10 got a lot  of Positive reviews and is working well for blackberry. If you are a blackberry user you would love to upgrade to latest 10 OS, if you are thinking to migrate your self from blackberry 7 to blackberry 10 and want to keep your all phone data with you then you can use  blackberry Link. This will let you transfer all your data from blackberry 7 device to blackberry 10 device. So here are the steps that you can follow to transfer you data. You need to download a appropriate version of software (PC or MAC) Install the software and connect your blackberry 7 device with it, this will show a warning after connecting but just ignore that and continue your work Then click on TRANSFER DEVICE DATA and then click on Next ,  Your data transfer process will be started  and all you data will be saved to your PC till further instructions. Af...
Post a Comment
Read more

Free Product Key for Microsoft Office 2010

By
Microsoft Office is one of the essential software now a days, you can't even thing about having your office work without Microsoft office 2010 or other versions but the dark side is that all the services are paid so you have to pay for the software in order to use it. So i am here with some keys that can be used to activate your Microsoft Office 2010 that means you can activate your Microsoft Office without paying a single penny. What is Microsoft Office 2010 :- office 2010 was released for manufacturing on 15 April 2010 and for online purchase it was available on June 15, 2010. In office 2010 Microsoft hinted about office web apps means Online office or cloud based office and after some time Microsoft Came with its Office 365 a cloud based Microsoft Office. So What Microsoft was trying to is making your office online and making your data system independent. if we talk about the How Popular is Office 2010. We can see that stats that on December 31,2011 there were almost 20...
1 comment
Read more