Horizontal Floating Social Sharing Bar For Blogger

Hello EveryOne! Today is my first post on my blog. So i shared Floating Social Sharing Horizontal Bar For BlogSpot. So i hope You enjoy it.

Social Networking websites has become the center of the activities of the internet because it able to attract each and every user who using internet either from schools, offices or homes. Now days People love to Share stunning article with the Social community which benefits everyone altogether. It’s vital for every blogger and webmaster to integrate Social Sharing or Like button in their Blog, so their visitors can share their stories on finest social networking website, this will not only give them coverage but it will also build loyal readership. There are unlimited Social Share widgets which are available on various blogs, but they either lacks in counting button or they are not designed well.

LIVE PREVIEW: I am quite sure you would adore previewing the Floating/Scrolling Social Sharing Buttons, so don’t feel shy just Scroll This Page down a little bit, and you will be able to see Social Buttons scrolling along you at the top of your Screen (In this Site).

Features of RB Floating/Scrolling Social Sharing Horizontal Bar For Blogger:

• The most impressive feature of this widget is that, it scrolls along with your screen like a small sticky bar.  
• It starts scrolling from where it is placed in your blog and float till the comment section.
• It has Facebook Like, Twitter Share and Google+ 1.
• It is built with ultra-fast Jquery and CSS so you will not notice any sort of speed issues.
• You can use this Plugin in 99 Percent of Blogger Template without facing any difficulties.

How To Install It in Blogger BlogSpot Blog:

The steps are created in such a way that each and every visitor can easily follow then without facing any problem whatsoever, so just follow the instructions as mentioned below.

STEP#1: Adding the Jquery Plugin In Blogger Template:

• Go To Blogger.com >> Your Blog >> Template
• Now Backup your template.
• Then select Edit HTML >> Proceed
• Don’t forget to Click/Tick the Expand Template Widgets box.
• Search for and just above it paste the follow HTML + JavaScript + CSS code.

 

STEP#2: Adding the CSS of Horizontal Social Sharing Button in Blogger Template:

• Now let’s add this code, Search for ]]> and just before/above it paste the following coding.

.sharertitle {
float: left;
border-right: 1px solid #d2d2d2;
padding: 0px 4px 2px 0px;
margin: 0 0px 0 0;
font-family: 'Oswald', Arial, Helvetica, sans-serif;
text-transform: uppercase;
line-height: 25px;
vertical-align: middle;
font-size: 14px;
}

.t-share
{
float: left;
width: 115px;
border-right: 1px solid #d2d2d2;
margin: 0 15px 0 0;
padding: 3px 0 2px;
height: 25px;
}

.fb-like {
float: left;
width: 115px;
border-right: 1px solid #d2d2d2;
padding: 3px 0 2px;
height: 25px;
}

g-plusone {
padding: 3px 10px 2px 0px;
}

STEP#3: Adding the Horizontal Social Sharing Button in Blogger Template:
Now let’s add the final chunk of code, Search for and just before/above it paste the following coding.

 

 
 

Socialize It →

horizontal random post Random Posts...!!! Top 5 Websites to Make Money by Uploading Files 16/09/2013 - 0 Comments Making money through easy means is always what people look for. However what is really important is the fact… How To Send Free SMS Worldwide With Gmail 24/10/2013 - 0 Comments SEND FREE SMS directly from your Gmail, Google Mail chat. How to send free sms Gmail has a new feature… Remove Navbar From Blogger 25/09/2013 - 0 Comments What is Blogger Navbar and Why Remove It?Blogger has got various features of which one is a default… Adding meta descriptions to Blogger 19/09/2013 - 0 Comments Meta description is a big deal because it describes the content of your blog or post. It will appear as… Facebook Essential SEO: The Leading Social Network 22/09/2012 - 1 Comments Now these days social media is an important part of search engine optimization and due to huge popularity… 4 amazing New Improvements to Blogger Template HTML Editor 27/09/2013 - 0 Comments Google Blogger has just updated the Blogger Template HTML editor, and added four new features to make your… Over-Optimized Sites will be Penalize from Google's Algorithm Update 24/09/2012 - 0 Comments During a SXSW panel, Matt Cutts, head of Google's search spam team, announced that Google has been working… 2012 Best SEO Strategies for Companyes 23/09/2012 - 1 Comments The search engine optimization world is changing. The SEO landscape of 2012, aka post the Google Panda update…   Free SEO Tricks | Blogger Tricks | SEO Tips | Blogger Hacks | Copyright © 2011 SEO Blogger | Hosted By Blogger