Helf India

How to Add Beautiful Social Media Follow Button in Blogger

In this post “How to Add Beautiful Social Media Follow Button in Blogger”, I am going to tell you how to add Beautiful Follow Button in the sidebar of your blog.

How to Add Beautiful Social Media Follow Button in Blogger

Why add Social Media Follow button in Blogger?


Social media are a great source for generating external blog traffics, if you do have social media follow button, your readers will be redirected to your Social profile, clicking on that button.

By adding button in Blogger, visitors can directly contact you through social media.

If they like your blog post they will surely follow you, and if followed you, if you will post anything (like, photo, video, links, article) they will get your post to their news feed.

This means click = traffic, traffic = conversion, conversion = sales, follows, sign up, sponsor, affiliate, and lots more.

So, you too should do adding follow button in your blog.

How to add Beautiful Social Media Follow Button in Blogger?


Adding Button in Blogger is very simple and easy, simply need to follow the step by step guide mentioned below.

Step 1:

First, you need to copy the below mentioned code.

<style> */https://www.softechnogeek.com*/ .rr-mod.module-rightrail-social-widget{margin:0 0 10px 0 !important;}#rr-social-widget-chiclets div{width:40px;height:32px;display:inline-block;margin:0 4px 0 0;}#rr-social-widget-chiclets a{width:32px;height:32px;display:block;background:url(https://3.bp.blogspot.com/-xl5U9JSHLTM/UNxNmOxJ9qI/AAAAAAAAB6Q/cuSzXh2aD-M/s1600/rr-social-icons.png) no-repeat;}@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:4/3), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5){#rr-social-widget-chiclets a{background-image:url(https://3.bp.blogspot.com/-xl5U9JSHLTM/UNxNmOxJ9qI/AAAAAAAAB6Q/cuSzXh2aD-M/s1600/rr-social-icons.png);background-size:248px 32px;}}#rr-social-widget-chiclets-facebook a{background-position:0 0;}#rr-social-widget-chiclets-twitter a{background-position:-36px 0;}#rr-social-widget-chiclets-googleplus a{background-position:-72px 0;}#rr-social-widget-chiclets-linkedin a{background-position:-108px 0;}#rr-social-widget-chiclets-stumbleupon a{background-position:-144px 0;}#rr-social-widget-chiclets-youtube a{background-position:-180px 0;}#rr-social-widget-chiclets-rss a{background-position:-216px 0;} </style>
<div class="rr-mod module-rightrail-social-widget" id="module-rightrail-social-widget">
<div class="configuration-neighbor">
<div id="rr-social-widget-chiclets">
<div id="rr-social-widget-chiclets-facebook">
<a href="#FacebookLink" rel="nofollow" target="_blank" onclick="s_objectID='rr_sm_icons_facebook';"></a></div>
<div id="rr-social-widget-chiclets-twitter">
<a href="#TwitterLink" rel="nofollow" target="_blank" onclick="s_objectID='rr_sm_icons_twitter';"></a></div>
<div id="rr-social-widget-chiclets-googleplus">
<a href="#Google+Link" rel="nofollow" target="_blank" onclick="s_objectID='rr_sm_icons_googleplus';"></a></div>
<div id="rr-social-widget-chiclets-linkedin">
<a href="#LinkedInLink" rel="nofollow" target="_blank" onclick="s_objectID='rr_sm_icons_linkedin';"></a></div>
<div id="rr-social-widget-chiclets-stumbleupon">
<a href="#StumbleuponLink" rel="nofollow" target="_blank" onclick="s_objectID='rr_sm_icons_stumbleupon';"></a></div>
<div id="rr-social-widget-chiclets-youtube">
<a href="#YoutubeLink" rel="nofollow" target="_blank" onclick="s_objectID='rr_sm_icons_YouTube';"></a></div>
<div id="rr-social-widget-chiclets-rss">

Add your exact Social Media Profile Link in href=”#—-Link” add profile link inside of ‘#—-Link‘, in the correct sequence:

  • Facebook Link
  • Twitter Link
  • Google+ Link
  • LinkedIn Link
  • Stumbleupon Link
  • Youtube Link

Step 2:

1. Go to your Blogger dashboard >> layout of the blog.

2. Now click on Add Widget where you have to install Social Follow Button.

3. Then a new popup window will open, click on Html/Javascript in it.

How to add social media follow button

Now paste the above-copied code over here.

Ways to add social follow button

  1. If you want, you can choose a title here or leave it blank.
  2. Now paste the code here which is given above.
  3. Last click on Save arrangement by clicking on Save.

Just after pasting the code, the Follow Button will be added to your blog, once you open your blog and check it.

If the Follow Button has not been added to the sidebar of your blog or you are facing a problem in understanding this post, you can tell me your problem in the comment, I will be happy to assist you.

Also, Read Our Other Posts:

I hope now you can add a beautiful follow button to your blog with the help of our post “How to Add Beautiful Social Media Follow Button in Blogger”, if so, then do share this post on social media.

Somehow, for someone on social media, it will be helpful.



Leave a Comment

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