Blogger Smooth Floating Social Bokomarking Widget 2020

Today I have a new Smooth Floating Social Bokomarking Widget and Sharing Widget with Smooth Scrolling and a new look.Sharing contents on social media sites.

Smooth Floating Social Bokomarking Widget

Blogger Smooth Floating Social Bokomarking Widget 2020. I have already shared with you a very beautiful thing on the same subject but I think they were very old but I can be very sure of what I have found today, I am sure. Before I share a new machable social media widget with you and people will love it.

Read More : Floating Horizontal Social Bookmarking Widget Blogger 2020

Today I have a new floating social media bookmark and sharing widget smooth scrolling and a new look. Sharing content on social media sites is very important as we all know and I have already discussed in depth the benefits of social media as it leads to a flood of traffic to our website.

How To Install New Smooting Floating Social Media Bookmark In Blogger.
Now I will tell you how we can install this widget on Blogger.
Floating social bookmarking widget
Check out the demo live here

Follow the steps below to install this floating social media sharing plugin on Blogspot Blog.
Just go to Blogger.com> Blogger Dashboard
Then make a backup of your Blogger template
Go to> Layout> Add a gadget>
HTML / JavaScript widget

(Where you want but must be in the sidebar) Not in the footer.
Then copy the following code and past the HTML / JavaScript gadget.

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script>
<script type='text/javascript'>
// <![CDATA[
$(function() {
var offset = $("#FloatingSocialButtons").offset();
var topPadding = 15;
$(window).scroll(function() {
if ($(window).scrollTop() > offset.top) {
$("#FloatingSocialButtons").stop().animate({
marginTop: $(window).scrollTop() - offset.top + topPadding
});
} else {
$("#FloatingSocialButtons").stop().animate({
marginTop: 0
});
};
});
});
// ]]>
</script>
<style>
#FloatingSocialButtons {
position: absolute;
left: -100px;
background-color: #F2F2F2;
border: 1px solid #D8D8D8;
border-right: 0;
z-index:9;
border-radius:10px;
-moz-border-radius: 10px;
}
#FloatingSocialButtons div {
margin: 5px 0 0 0;
}
</style>

<div id='FloatingSocialButtons'>
<center>
<div style='margin:0px 0 0px 10px;'>
<div id='fb-root'>
</div>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'></script><fb:like font='' href='' layout='box_count' send='false' show_faces='false'></fb:like></div>
<div>
<a class='twitter-share-button' data-count='vertical' data-lang='en' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'></script></div>
<div>
<script src='http://apis.google.com/js/plusone.js' type='text/javascript'></script><g:plusone size='tall'></g:plusone></div>
<div style='margin-top: 15px;'>
<a data-pin-config='vertical' data-pin-do='buttonPin' href='http://pinterest.com/pin/create/button/?url='data:post.url' '><img src='//assets.pinterest.com/images/pidgets/pin_it_button.png'/></a>
<span style='margin-left:-44px;'><a data-pin-config='vertical' data-pin-do='buttonBookmark' href='//pinterest.com/pin/create/button/' style='outline:none;border:none;'></a></span>
<script src='http://assets.pinterest.com/js/pinit.js' type='text/javascript'></script></div>
<br />
<p style=' line-height:0px; font-size:10px; font-weight:bold; text-align:center;'>
<a href='www.tipstricksisland.com/2013/05/new-smooth-floating-social-bookmarking-blogger-2013.html' style='color:#CAC8C8;'>Get This</a></p>
</center>
</div>

You have all checked the homepage of your blog .. I hope you like this widget of mine.