Top 3 Scrolling, Floating Social Media Buttons for blogger blog (100% Working)

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.



This Gadgets Look Like These:



So here it is how to install it.

♦Go to your blogger dashboard
♦Select your blogger blog
♦Click on Layout from Drop Down menu (shown in picture)



♦A new Window appear
♦Click on Add gadget
♦And select HTML/JavaScript
♦Next Box of HTML/JavaScript will appear (shown in picture)



♦Now the box of HTML/JavaScript will appear when you click on the box.


♦Now you have to paste the following code to install the gadget to your blog.
♦Its not so difficult to add just copy it and paste it in the box like shown above.




Adding the code social buttons looks like 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://mbgadget.blogspot.com/2013/06/scrolling-social-buttons-blogger.html">Widget</a></div>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-508240f16db23831"></script><!-- Scrolling social Button END -->






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.mbgadget.com/2013/06/blogger-scrolling-social-buttons.html">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 -->



NOTE: 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

1. Facebook.com 5. Twitter.com
2. Delicious.com 6. Pinterest.com
3. Digg.com 7. Orkut.com
4. Googleplus.com 8. Myspace.com





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.mbgadget.com/2013/06/blogger-scrolling-social-buttons.html">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 let me know if there is any problem. Share our blog and stay Fine...!!!

0 comments:

Post a Comment