0
Top 3 Scrolling, Floating Social Media Buttons For Blogger Blog

so this new work is all about social share scrolling buttons widget to your blogger blog. Its very easy to use while adding it to blogger it also more easy just follow the setups the i tell it to you, you will easily get the scrolling social buttons to your blog.

You know that social points to any of the blog is much importance to get better look at natural level its also good for search engine and counted as a positive vote. Search engine bring positive visibility of the page URL which has more social votes to it. So now i am sharing this nice gadget to you that how to add it to blogger. You can also read the post how to add social share icons to blogger in a blogger side column its also useful.

So here it is how to install it.


  • Go To Blogger >> Layout >> Add a Gadget
  • Choose "HTML/JavaScript"
  • Paste The Following Code In The Content Box

Adding the code social buttons looks like this 

Top 3 Scrolling, Floating Social Media Buttons For Blogger Blog
     

  Add This Code  
<!-- Scrolling social Button BEGIN --><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><a href="http://www.bloggerplanet.com/">Widget</a></div><script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-508240f16db23831"></script><!-- Scrolling social Button END --> 

Adding the code social buttons looks like this

                                                                         
         
Top 3 Scrolling, Floating Social Media Buttons For Blogger Blog



      Add This Code
 <!-- Scrolling social Button BEGIN --> <div class="addthis_toolbox addthis_floating_style addthis_32x32_style" style="left:50px;top:50px;"><a class="addthis_button_facebook"></a><a class="addthis_button_twitter"></a><a class="addthis_button_delicious"></a><a class="addthis_button_pinterest_share"></a><a class="addthis_button_digg"></a><a class="addthis_button_orkut"></a><a class="addthis_button_google_plusone_share"></a><a class="addthis_button_myspace"></a><a class="addthis_button_compact"></a><h6><a href="http://www.bloggerplanet.com/">Widget</a></h6></div><script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-508240f16db23831"></script><!-- Scrolling social Button END --> 


Adding the code social buttons looks like this

Top 3 Scrolling, Floating Social Media Buttons For Blogger Blog

 
   Add This Code
<!-- Scrolling social Button BEGIN --> <div class="addthis_toolbox addthis_floating_style addthis_16x16_style" style="left:50px;top:50px;"><a class="addthis_button_facebook"></a><a class="addthis_button_twitter"></a><a class="addthis_button_delicious"></a><a class="addthis_button_pinterest_share"></a><a class="addthis_button_digg"></a><a class="addthis_button_orkut"></a><a class="addthis_button_google_plusone_share"></a><a class="addthis_button_myspace"></a><a class="addthis_button_compact"></a><h6><a href="http://www.bloggerplanet.com/">Widget</a></h6></div><script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-508240f16db23831"></script><!-- Scrolling social Button END --> 


You can also remove or edit the code and here is also 8 networks added just see the above method how to remove the 1 network you just have to remove the line in the code that's it.

So these are the 3 top gadgets for social share buttons they are the most useful gadget for every blogger blog should add it on their page.

While adding this gadget is not so difficult its scrolled when the page is scrolled down or up, its bring more social share to the webpage.

Just add any of them to your blog and tell me if there is any problem ...

I personally added 8 total social network in this gadget you can easily edit them here it is
Just remove the line in the code
Like if you want to remove MySpace.com button remove this line from the code
                                <a class="addthis_button_myspace"></a>
These 8 social networks are here
Facebook.com                        Twitter.com
Delicious.com                         Pinterest.com
Digg.com                                Orkut.com
Googleplus.com                      Myspace.com


If you have any doubt in your mind, you may ask via comments or contact form.

DON'T FORGET TO "SUBSCRIBE" or"LIKE" FOR FURTHER UPDATES

Comment below, let me know what do you think?

Post a Comment

 
Top