Skip to main content

Add floating share buttons on sidebar of your blogger


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.

Comments

Popular posts from this blog

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

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 device to

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

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. After the transfer is

LG reveals Optimus series smartphones at MWC

LG has revealed its Optimus series smart-phones at MWC.LG's upcoming Optimus series smartphones had created a lot of buzz on tech blogs.Finally we know what LG is offering in these devices- LG Optimus G Pro- Going by the specification,LG Optimus G Pro is really a powerful device.However,its 5.5 inches display put this in phablet category.I myself prefer 5 inch display.Here are its specs- 5.5 inches 1080p Full HD display. 1.7 GHz QualComm Snapdragon processor 2GB RAM Android 4.1.2 13 MP rear and 2.1 MP front camera 3140 mAh battery The processor is same as HTC's recently launched HTC One.One of the most exciting feature of the device is its camera.You can record videos from front and rear camera simultaneously.This phone will receive competition from likes of Samsung Galaxy S4,HTC One and Sony  Xperia Z. LG Optimus Vu Series -LG showcased two Vu series smartphones at MWC.Both the devices have almost the same hardware.Talking about LG Vu II,it comes with a pen that