Add Floating Vertical Share Buttons Widget For Blogger

0
How to add Floating Vertical Share Buttons Widget For Blogger
In this tutorial we are going to explain how to add floating vertical bar with social media share buttons to blogger.We are providing you 3 different size of floating vertical share buttons bar.This is widget is very easy to use and which enables your visitors to share every post of your website or blog.To grab this widget follow the steps mentioned below.

How to add floating vertical social sharing bar widget in blogger

installation steps

1.Go to blogger and select Layout
2.Click Add Gadget and select 'HTML/Javascript"
3.Now Copy The Following Code and Paste in HTML/JAVASCRIPT.

Style 1
adding Floating Vertical social media Share Buttons Widget For Blogger
<!-- AddThis Button BEGIN By BloggersStand.Com -->
<div class="addthis_toolbox addthis_floating_style" style="background: #98A2A7; border: 1px solid #000000;top:120px;left:50px;">
<div class="addthis_counter_style"><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>
</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-4e7d75dd1a411e95"></script>
<!-- AddThis Button END By BloggersStand.Com  -->

customization

  • To change the background color,replace  98A2A7 with your hex color value,you can choose colors from here color wheel picker,color generator,flat ui colors.
  • To change the border line size replace 1 with your desired pixel.
  • To Change the border line color replace 000000 with your color hex value.
  • To change the Position from top and left replace 120 and 50 with your desired position pixel.

Style 2
adding Floating Vertical social media Share Buttons gadget For Blogger
<!-- AddThis Button BEGIN By BloggersStand.Com -->
<div class="addthis_toolbox addthis_floating_style" style="background: #98A2A7; border: 1px solid #000000;top:120px;left:50px;">
<div class="addthis_32x32_style"><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>
</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-4e7d75dd1a411e95"></script>
<!-- AddThis Button END By BloggersStand.Com -->
Style 3 
vertical floating bar social share buttons for blogspot
<!-- AddThis Button BEGIN By BloggersStand.Com -->
<div class="addthis_toolbox addthis_floating_style" style="background: #98A2A7; border: 1px solid #000000;top:120px;left:50px;">
<div class="addthis_16x16_style"><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>
</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-4e7d75dd1a411e95"></script>
<!-- AddThis Button END By BloggersStand.Com -->
Save your Gadget Done..!!
How to Add Floating Vertical Share Buttons Widget For Blogger,social media sharing buttons on side of blogspot post with auto scroll,vertical share buttons bar for blogger
In this tutorial we are going to explain how to add floating vertical bar with social media shar...
SUMMARY

How to Add Floating Vertical Share Buttons Widget For Blogger,social media sharing buttons on side of blogspot post with auto scroll,vertical share buttons bar for blogger

You Might Also Like:

We hope this article helped you to learn Add Floating Vertical Share Buttons Widget For Blogger. If you have any question or any complication please don't hesitate to ask us.You can drop your message below in the comment box or you can Contact Us!. If you liked this article please join us on : Facebook | Twitter | Google+

SUBSCRIBE ARTICLES BY EMAIL

Post a Comment Blogger Disqus

0 Comments on "Add Floating Vertical Share Buttons Widget For Blogger" So Far
Out Of Topic Show Conversion CodeHide Conversion Code Featured Post

MARKUP FOR WRITING COMMENTS:
1. To Insert Code Length Use<i rel="pre">Code Here</i>
2. To Insert Short Codes Use<i rel="code">Code Here</i>
3. To Insert Quote Use<b rel="quote">Quote</b>
4. To Insert Image Use<i rel="image">Image URL</i>
5. To Insert Video Use<i rel="youtube">You Tube Url</i>

Note: You Can Also Convert Your Code Directly From The Conversion Box.
--------------------------------------------------------------------------------------------------------------------------------------------------------
Please drop your comment according with the topic and feedback with hyperlinks may be removed.Thank you.
Regards:
Team Bloggersstand