Social media floating bar code.

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)

  • Click on HTML/JavaScript.

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.
    Below there are three types listed, which ever style you want, you may add it on your site. just copy the code and add in the HTML/JavaScript box.

    STYLE 1



    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 style="font-size: 9px; color: #CECECE; margin-top: 10px;" href="http://www.cheapwebhosting.io/blogging/blogger-widgets/">floating bar widget</a> </div>
    <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-508240f16db23831"></script><!-- Scrolling social Button END --> 


    STYLE2




    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 style="font-size: 9px; color: #CECECE; margin-top: 10px;" href="http://www.cheapwebhosting.io/blogging/blogger-widgets/">floating bar</a> </h6>
    </div>
    <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-508240f16db23831"></script><!-- Scrolling social Button END 



    STYLE 3


    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 style="font-size: 9px; color: #CECECE; margin-top: 10px;" href="http://www.cheapwebhosting.io/blogging/blogger-widgets/">floating bar</a> </h6>
    </div>
    <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-508240f16db23831"></script><!-- Scrolling social Button END --> 



    CUSTOMIZATION
    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
    2. Twitter.com
    3. Delicious.com
    4. Pinterest.com
    5. Digg.com
    6. Orkut.com
    7. Googleplus.com
    8. Myspace.com

    Comments

    Popular posts from this blog

    recent post widget code

    Recent comment widget