Add Floating Social Media Icons to Blogger (with Pictures)

Today We are Going to add "Floating Social-Media Buttons" to Blogger, 

By inserting floating social media buttons or sharing buttons on Blogger our visitors can easily share our blog article on there social media network, In this way our Blog will Get High Traffic..


These are Following Steps:-

Step 1: Open Blogger Layout & Click Add a Gadget link.

 Step 2: Now Select HTML/JavaScript gadget.

 Step 3: Here, We paste the code.

 </>  Codes For The Social-Media Widgets  </>

Code-1.    Floating Social Media 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_google_plusone_share"></a><a class="addthis_button_pinterest_share"></a><a class="addthis_button_digg"></a>
<a class="addthis_button_compact"></a></div>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-508240f16db23831"></script>

Code-2.    Floating Social Media 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></div> 
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-508240f16db23831"></script><!-- Scrolling social Button END -->