New Floating Social Bookmarker Widget with Pinterest

M Ehsan Qureshi Blogger Widget

Regarding social media bookmarking we have already discussed in my one of the previous post about Tool tips Social Media Widget for Blogger. Social bookmarking is another name of sharing a post on Social Media Websites such as Facebook, Twitter or Pinterest etc.

As I have already told you that nowadays It has been observed that the majority of internet users mostly surf their times on social media websites and so if our blog is surrounding on social media websites it will help us to generate more traffic as well as increase website ranking.

In this post, I have just discovered a floating social media bookmarking widget containing various top-ranked social media sharing buttons i.e. Facebook, Twitter, Pinterest, Google Plus Email etc, before I have always seen it without Pinterest but what I am sharing it has also the capability to connect you with Pinterest.

Floating Social sharing plugin widget for blogger blog with pinterest

ADD FLOATING SOCIAL BOOKMARKER FOR BLOGGER BLOG

CHECK LIVE DEMO HERE

There is nothing any big work I will guide you step by step how you can install Floating Social Media Bookmarker Widget to your blogger/Blogspot. Follow given steps.

Go to Blogger.com

If you login then Ok otherwise log in to Blogger.com

You will be on your blogger dashboard

Before any changing in your template you must backup your blogger template

Check this for Best Practices to Promote Your Blog.

Layout > Add a Gadget >
Select Add HTML/JavaScript Gadget

And paste the this code

	<!-- http://www.tipstricksisland.com -->
	<div class='post-outer'>
	<style>
	.mbt_social_floating{
	position:fixed; bottom:10%; margin-left:-60px; float:left;
	width:60px;
	background-color:#f7f7f7;
	padding: 5px 0 0px 0px;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	border-bottom:1px solid #ddd;
	z-index:9999px !important;
	border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
	}
	.mbt_social_floating .mbt_side_social_button{
	margin-bottom:5px;
	float:none;
	height:auto;
	width:60px;
	}
	.mbt_social_floating .st_twitter_vcount, .mbt_social_floating.st_plusone_vcount, .st_email{
	margin-left:5px;
	}
	.mbt_social_floating .st_fblike_vcount{
	margin-left:5px;
	}
	.mbt_social_floating .stButton_gradient{
	background:none !important;
	height:21px !important;
	padding-left:0 !important;
	}
	.mbt_social_floating .chicklets, .mbt_social_floating .stMainServices {
	background:url('http://1.bp.blogspot.com/-r3RYZkB4Pis/T7alrxNFYyI/AAAAAAAAGc4/TCBwHNxEwR4/s400/gc_social_sprite.gif') no-repeat !important;
	height:19px !important;
	width:45px !important;
	padding:0 !important;
	}

	.st_email .chicklets{
	background-position:0 -77px !important;
	background-image:url('http://1.bp.blogspot.com/-r3RYZkB4Pis/T7alrxNFYyI/AAAAAAAAGc4/TCBwHNxEwR4/s400/gc_social_sprite.gif') !important;
	}
	.mbt_social_floating .st_twitter_vcount .st-twitter-counter{
	background-position:0 -58px !important;
	}
	.mbt_social_floating .stButton_gradient{
	border:none !important;
	}
	.mbt_social_floating .stBubble_count{
	width:44px !important;
	font-size: 15px !important;
	font-weight: normal !important;
	padding-top:7px !important;
	height:23px !important;
	background:none !important;
	}

	.mbt_social_floating .st_twitter_vcount .stBubble_count{
	color:#00a6df;
	background-color:#f8fbfc !important;
	}
	.st_fblike_vcount{
	margin-bottom: 0px;
	display: block;
	}
	.st_twitter_vcount{
	margin-bottom: 3px;
	display: block;
	}
	.st_email{
	margin-bottom: 5px; margin-top: 3px;
	display: block;
	}
	.mbt_social_floating .stBubble{
	background-position: 21px 31px !important;
	height:35px !important;
	}
	.mbt_social_floating .st_pinterest_vcount{
	margin-left:5px;
	}
	.mbt_social_floating .st_pinterest_vcount .st-pinterest-counter{
	background-position:0 -19px !important;
	}
	.mbt_social_floating .st_pinterest_vcount .stBubble_count{
	color:#FF0505;
	background-color:#fbf8f8 !important;
	}
	.mbt_social_floating .st_pinterest_vcount .stBubble{
	background-image:url('http://1.bp.blogspot.com/-meqDjtBStCA/ULFkqTG88qI/AAAAAAAAIGs/hjCRAqGL270/s400/bubble_arrow_pinterest.png') !important;
	}
	.st_pinterest_vcount{
	margin-bottom: 0px;
	display: block;
	}
	</style>
	<div class='mbt_social_floating'>
	<script type='text/javascript'>var switchTo5x=true;</script>
	<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'></script>
	<script type='text/javascript'>stLight.options({onhover:false});</script>
	<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>
	<span class='st_twitter_vcount' displaytext='' st_via='RazBlogs'></span>
	<span class='st_pinterest_vcount' displaytext=''></span>
	<div style='margin:0px 0 0 5px;'>
	<span class='st_plusone_vcount' displaytext=''></span>
	</div>
	<div class='addthis_toolbox addthis_default_style ' style='margin:5px 0px 5px 8px;'>
	<a class='addthis_counter'></a>
	</div>
	<script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4fb7d6f86229e7da' type='text/javascript'></script>
	<script type='text/javascript'>
	var addthis_config = {
	ui_cobrand: "BLOGGER HEROE",
	ui_header_color: "#ffffff",
	ui_header_background: "#0080FF"
	}
	</script>
	<span class='st_email' displaytext=''></span>
	<p style=' line-height:0px; font-size:10px; font-weight:bold; text-align:center;'><a href='http://www.tipstricksisland.com/2013/04/allinone-floating-social-bookmarker-pinterest.html' style='color:#CAC8C8;'>Get Widgets</a></p>
	</div></div>
	<!-- http://www.tipstricksisland.com-->