Lifestyle Magazine

How to Add Floating Share Buttons to Your Blog’s sidebar(For Blogspot)

By Harshil Barot @Harshil_Barot

Most Of 80% Traffic come from Social Sites.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,twitter,Google + and other Social Sites.

Having a floating share buttons widget makes it even easier for your blog visitors to share your blog posts they find interesting.

How to add Floating Share Buttons to your blog’s sidebar(For Blogspot)

Now Steps For How To add Floating Share Buttons to your Blogspot Blog.

How to add Floating Share Buttons to your blog’s sidebar(For Blogspot)

Steps :-

1. Log in to your blogger account and click on Design

2. You're now looking at your blog's layout. 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.

#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 2px0;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;}<!-SideBar Floating Share Buttons Code End->

5. Save the widget and preview your blog.
That's it.

If, It is work then share it with your Friends...


Back to Featured Articles on Logo Paperblog