Add Floating Share Bar For Facebook and Other Sharing sites

Floating Share BarToday we will see how to add fantastic floating share bar forfacebook and other sharing sites. Yes these days the sharing trend is very popular. If someone see your blog post and it looks good to them. Then may they want to share that on facebook, twitter, and other popular sharing sites. So we should have some good widget for our blog. It will help us to improve our blog popularity. It is not having any java script and j-query. Below we can see why we should not add the JQuery on our blog and how to add this to blog in simple steps.

Why to not use JQuery and java script?

Yes we should not use the java script and jquery because some of the old browsers do not support this. It also increases the speed of our blog or website. So we should keep away our blog or website with this. It will help us to make our blog/website fast.

How to Add this to our blog:

Step 1: Go to blogger dashboard>>template.
Step 2: Backup your template.

Step 3:  Click to edit html in template.

Step 4: Now click on expand widget template.

Step 5: look for below line.

Step 6: Now add the below line add the following script.


Green here you can change the background color, width and other factors.

Yellow here you can change the postion how much left it should be.

Pink change it with your twitter name.

Benefits of using this:

This float bar will not show on your home page. It will come on only your post pages.

How to show on blog homepage as well:

Just remove the below lines from above code

From top of code remove below line


And from below just remove below code

This widget is from the popular blog My Blogger Tricks

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

CommentLuv badge