How To Make a Floating Share Button On The Blog

With the share button on your blog, visitors will be easier to share your post and will make your blog more interesting to visit. Therefore, this time infoBlog will share an article about How To Make a Floating Share Button.

How To Make Floating Share Button :

Go to your Blogger Dashboard ›› Layout ›› Add a Gadget ›› HTML/JavaScript.
Copy and paste the floating share button code below on HTML/JavaScript column.
Finally, click Save.

Style 1 :

/* Floating Share Button Style 1 by infoBlog */
<div class="addthis_toolbox addthis_floating_style addthis_counter_style" style="left:50px;top:50px;">
<a class="addthis_button_facebook_like" fb:like:layout="box_count"></a>
<a class="addthis_button_tweet" tw:count="vertical"></a>
<a class="addthis_button_google_plusone" g:plusone:size="tall"></a>
<a class="addthis_counter"></a>
</div>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=xa-50d0aeef5baf97c2"></script>

Copy and Paste that code on your blog if you choose Style 1

Style 2 :

/* Floating Share Button Style 2 by infoBlog */
<div class="addthis_toolbox addthis_floating_style addthis_32x32_style" style="left:50px;top:50px;">
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
<a class="addthis_button_compact"></a>
</div>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=xa-50d0ae6c0cd052be"></script>

Copy and Paste that code on your blog if you choose Style 2

Enough of articles about How To Make a Floating Share Button On The Blog. If you have any questions or suggestions, please write in the comments field below or directly send questions through the Contact Us service. Hopefully this article useful and you willing to share this article through social media accounts you have.

Read Also : How To Create a Signature - Online

Thank You For Your Visiting