Tuesday, September 24, 2013

Horizontal Floating Social Sharing Bar For Blogger

No comments
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...!!!