Horizontal Floating Share Bar At Top With Close Button For Blogger

It is necessary to use social sharing or social subscribing button on blogger. IF you want to increase follower or want to get more share on your articles on different networks then it is necessary to use social buttons on accurate position where they comes easily in the eyes of visitors.
So here i am going to introduce a social sharing buttons for top navbar position.This widget include social button on attractive black background. This widget works on Mouse scroll When mouse scroll down then box comes out and when mouse social at top position the box disappears automatically. If you want to add this widget follow all the below given steps but before using if you want to see demo of this widget then see on below Live Demo Button

Top Share bar

Steps To Add Share Bar on Blog


  • Go To Your Blogger Dashboard >> Then template Section
  • Then Click on Edit HTML
  • Now search for code by Ctrl+f in coding box which looks like </head>
  • Then Paste below Script just Above/Before the code </head> we search

<script type="text/javascript"> var addthis_config = { bar_show_below : 150 } </script> <script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js"></script>


  • After Pasting Above script now search for code </body>
  • Then Paste below coding just Before/Above the code </body> we search

<div class="addthis_bar addthis_bar_medium">
<label>Share This Page:</label>
<div class="addthis_toolbox addthis_default_style addthis_32x32_style">
<span><a class="addthis_button_preferred_1"></a></span>
<span><a class="addthis_button_preferred_2"></a></span>
<span><a class="addthis_button_preferred_3"></a></span>
<span><a class="addthis_button_preferred_4"></a></span>
<span><a class="addthis_button_compact"></a></span>
<span><a class="addthis_counter addthis_bubble_style"></a></span>
</div>
</div>

  • After Pasting Both codes click on save button

Now Refresh you blog and watch changes. I hope you like this amazing widget but if face problem while using it feel free to share your comment.

Post a Comment

0 Comments