Select Menu

Combined Post

Mag Posts

Theme images by konradlew. Powered by Blogger.

Blogger templates

Blogger news

Facebook

Advertising

Blogroll

Popular Posts

Combined Posts 2

Mag Post 2

2 Column Post

Simple Post

Simple Post 2

New Carousel

Video Posts

» »Unlabelled » How to add a floating share bar to your blogger blog!


SLVIKI 10:16 AM 0

Floating share bar is a great way to promote your content. You can add a floating share bar to your blogger blog by following these easy steps!



  1. First choose Layout > Add a gadget > HTML / JavaScript widget
  2. Then Add these codes inside it 


 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_floating_style addthis_32x32_style" style="left:20px;top:400px;">
<a class="addthis_button_facebook"></a>
<a class="addthis_button_twitter"></a>
<a class="addthis_button_pinterest_share"></a>
<a class="addthis_button_linkedin"></a>
<a class="addthis_button_google_plusone_share"></a>
<a class="addthis_button_stumbleupon"></a>
<a class="addthis_button_compact"></a>
</div>
<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-51f184b5319b19ad"></script>
<!-- AddThis Button END -->

The output floating share bar will be like this



Modifications - if you want to change the position of the floating share bar you can change style= left:20px;top:400px; by changing the values of left and top you can change the position of the floating share bar.

If you have any questions feel free to ask from me.

Enjoy



«
Next
Newer Post
»
Previous
Older Post

No comments

Leave a Reply