X Close
T Monday, October 27, 2014

Social Sharing Buttons For Blogger With 3 Different Styles

fahim raza 4 Comments so far
Social sharing buttons for blogger with 3 different views


We know that social sharing is very important for a website and blog, social sharing not only makes your blog or site popular but also drives traffic to your blog or site. Blogger has its own sharing buttons below every post but now adays bloggers and webmasters are using other social sharing buttons too e.g floating buttons, social it widgets etc. I have previously shared floating buttons of add this but this time I have brought you some new styles buttons as I have seen many people searching for floating buttons.
These sharing buttons have different positions e.g you can add them on left, right and bottom as shown in above image. Some features of these buttons are as follows:
  • They are free of cost, you don't need to purchase them.
  • These buttons floats.
  • They are responsive(slide out on mouse hover).
  • They count post shares.
  • They are in different styles e.g you can add them to right. left, bottom or below post titles also.
How to add these social sharing buttons in blogger:

Its very easy to add these social sharing buttons in blogger. You just need to choose a style and copy the code of that style. To add this gadget in your blog follow below steps:
  • Go to blogger and log-in to your blog.
  • Go to layout and click on add a new gadget.
  • Scroll down to Html/javascript option and click on it.
  • Choose any one of the below styles and copy code of the gadget.
Left style:

<script async src="https://lessbuttons.com/script.js?facebook=1&twitter=1&googleplus=1&linkedin=1&pinterest=1&reddit=1&vkontakte=auto&odnoklassniki=auto"></script>

Right style:

<script async src="https://lessbuttons.com/script.js?facebook=1&twitter=1&googleplus=1&linkedin=1&pinterest=1&reddit=1&vkontakte=auto&odnoklassniki=auto&position=right"></script>

Bottom Style:

<script async src="https://lessbuttons.com/script.js?facebook=1&twitter=1&googleplus=1&linkedin=1&pinterest=1&reddit=1&vkontakte=auto&odnoklassniki=auto&position=bottom"></script>

  • paste the copied code in html/javascript window.
  • Click on save and go to your blog to see your floating sharing buttons.
Final words:

I have shared many social sharing buttons gadgets as social sharing is very important for blogs and sites. You can find more social sharing buttons gadgets in my blog.

Thank you for visiting 101Helper, I hope you like this post and its working on your blog but if it doesn't work feel free to ask me in comments. If you like this post take a few seconds to share it and help 101Helper grow.

Search Tags: Social sharing gadget, social sharing buttons, floating responsive buttons for blogger, left floating sharing buttons, stylish social sharing buttons, smooth social sharing buttons, 101Helper blogger social sharing buttons. 



4 comments :

  1. It was working just fine in the beginning and I even changed the order of the which button appears first but then it stopped showing correct numbers in another country.. :S

    ReplyDelete
    Replies
    1. These buttons take time to update sometimes, don't worry everything will be updated as soon as possible.

      Delete
  2. Good job, thanks man. check out our site http://resortsbook.blogspot.com/

    ReplyDelete
    Replies
    1. Thank you for feedback +Dtechtive O and nice blog.

      Delete