There is nothing any big work I will tell you step by step how you can install Floating Social Media Bookmarker to you blogger/blogspot. Follow give below steps.
Method # 1
Go to Blogger.com
If you loging then Ok otherwise login to Blogger.com
You will be on your blogger dashboard
Now click on the following button to add this widget in you blog.
Before any changing in your template you must backup your blogger template >> CHECK THIS
It will redirect you to your blogger blog and auto install widget in you blog
Now save and check you blog.
Go to Blogger Dashboard
Layout > Add a Gadget >
Select Add HTML/JavaScript Gadget
And paste the this code
<!– http://www.mslangah.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(‘https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXR-fFWyluZSURAsP0MWI8d9MWQlyqwPnl6R45ke6mEDH7BAur34vsqkyvOGJ1Y0Ol4qg1MhINqXOv6csL4zr7PuDLmwufaoQLmAhyphenhyphenJwRpqpV_BwE0WTKd2ZTkEbZ2WW-e3S8o0M9bJySy/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(‘https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXR-fFWyluZSURAsP0MWI8d9MWQlyqwPnl6R45ke6mEDH7BAur34vsqkyvOGJ1Y0Ol4qg1MhINqXOv6csL4zr7PuDLmwufaoQLmAhyphenhyphenJwRpqpV_BwE0WTKd2ZTkEbZ2WW-e3S8o0M9bJySy/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(‘https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaA9Kdi0voZHfn2dguB4Po8cR4otFLeT5RWisN8uMrKoDqv05B6QsN_lXNjmQJRHVRXRq1utkE0ZejE8CaQ8MBrAeCN1LefZUhD0BFUISV5c1fl6ZNP1oF1TQb55dUtq5oDaubhQVpAatf/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.mslangah.com/2014/11/Floating-Social-Widget.html’ style=’color:#CAC8C8;’>Get This Widgets</a></p>
</div></div>
<!– http://www.mslangah.com–>
