How to Add Floating Social Media Buttons to Blogger Blog

In blogger blog widgets are the more important role at all the time. If you want to make your website more interactive, you need play more with widgets. In this blogger trick I explained you how to add floating social media buttons like Facebook like button, Google plus button and twitter. Floating social media buttons are more interesting and very popular widget on blogger blog. Every one will like it.

If you add this widget to blogger blog you will more likes to your social Medias and as well as you will more referral page visits to your blogger blog.

Follow the below steps to add floating social media buttons.

Step 1: Log in to you blogger blog and select the Layout section

Step 2: Click on the Add a Gadget link and you will get pop-up window.

Step 3: Select HTML/JavaScript from the pop-up window.

Adding Floating Social Media Buttons to Blogger Blog
Step 4: Copy the below code and past it to the content area.

Adding html, css content to the widget
<!-- Floating Social Media Share Widget By Earn via Blog -->

<div class="addthis_toolbox addthis_floating_style addthis_counter_style" style="left:110px;top:325px;">
<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">var addthis_config = {"data_track_addressbar":true};</script>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-516ff8e04b04378b"></script>

<!-- Floating Social Media Share Widget By Earn Via Blog -->

Step 5: Thats it! Save the gadget. No you can see new widget.


If you want to customize the widget you can do it. Edit the code as like you want.

All the best!!!

No comments:

Post a Comment