How to put Floating Social Share button in Blogger Blog?

How to put floating social share button in blogger blog? The social share button is a very good option by which you can socially share your blog post. Every blogger wants that his blog posts should be shared on social network as much as possible and in such a way, if you put social share button in your blog, then visitors share your blog post on their social network, which would improve the traffic of your blog.

You must have seen social share buttons on almost every blog and website, but do you know what is the benefit of putting social share button in your blog? Let us first tell you about its benefits.

Benefits of applying Floating Social Share Button

• The social share button gives your blog visitor an option to share your blog post on their social network.
• If visitors like your blog post, then they share your blog post on their social network and social traffic improves in your blog.
• When you publish a new post, you can go to your new post and share your blog post directly with your social share button, which saves your time.
• By applying the social share button, visitors know that you keep your blog socially active as well, so visitors start following your blog socially as well.
• The social share button also helps give your blog a professional look.

Social share button not only helps in increasing the traffic of your blog, but it also gives your blog a professional look. There are 2 types of social share buttons.

1. The share button that appears at the end of the blog post.
2. Floating social share button.

Today we are going to tell you about the floating share button and finally you will fully understand what is the floating share button and how it is put in your blog?

Now you have fully understood what are the benefits of applying social share button, now let us tell you what is this social floating share button and what does it look like?

What is a social floating share button?

If you are reading this post through your computer, then you can see in the left side of our blog that a social share button is visible and this is the floating social share button. But if you are reading our post through your mobile, then you understand by looking at the picture given below.

When you visit our blog from computer, you see the floating social share button on the left side of our blog, which remains fixed in one place. By looking at the picture above, you can understand what the floating social share button looks like.

You can see in the picture that it has Whatsaapp , Facebook , Twitter share option, but if you click on the + sign, you get the option to share in all social sites. Isn’t it fun that you can share your blog post very easily on any of your social networks. Visitors can share your blog post on any of their social sites.

But this question must have come in your mind that why the floating share button is displayed only in the computer? So the answer is that if the floating share button will also be displayed in mobile, then due to this the design of your blog will be spoiled and visitors will have problems in reading your blog post.

How to put floating social share button in Blogger Blog?

To install floating social share button in your blog, you have to follow the steps given below.

step 1

Copy the code given below.

<style>
@media screen and (max-width: 980px) {
.a2a_floating_style.a2a_vertical_style { display: none; }
}
</style>
<div class="a2a_kit a2a_kit_size_32 a2a_floating_style a2a_vertical_style" style="left:0px; top:150px;">

<a class="a2a_button_whatsapp"></a>
<a class="a2a_button_facebook"></a>
<a class="a2a_button_twitter"></a>
<a class="a2a_button_pinterest"></a>
<a class="a2a_dd" href="https://www.addtoany.com/share"></a>
</div><script async src="https://static.addtoany.com/menu/page.js"></script>

Note: You can see in the code that max-width: 980px means that when a visitor comes to your blog and the screen size of his browser is more than 980 px then only the floating social button will show.

top: 150px  shows how far below the top of the browser the floating social button you have placed will be displayed. In the code, this value is 150px means that the social share button will be visible 150px below the browser screen. You can change it according to your blog design.

After copying the code, the code has to be placed in your blog.

Step – 2

1. Go to your blogger dashboard and click on Layout .
2. Click + Add a Gadget . You can click on + Add a Gadget anywhere on the blog layout .
3. Clicking on + Add a gadget will open a popup box, where you have to click on HTML / JavaScript .

Step – 3

1. You do not have to write anything in the title, leave it blank.
2. Paste the code .
3. Click on Save .

Just doing this will create a floating social share button in your blog. You can check your blog and see if the social share button is being displayed, you can also visit your blog through your mobile so that it conforms that the floating share button is not visible in the mobile.

How to put floating social share button in our blog today blogger blog? How did you like it and you have not been able to put floating social share button in your blog, please tell us through the comment. In our next post we will tell you how the social share button is placed at the end of the post.

We sincerely hope that you have succeeded in putting floating social share button in your blog, if you still have any doubt in your mind then you can comment. HAPPY BLOGGING