followed by
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/AVvXsEgAc6HMhigY9T6e1uHk8xVQd3t8RUXWKg-t31m6LTj_xgtac0iGJ_xi_dxEUreloMp1TAiJ-zZ0uQoOoK0A0qdY6e5a9JaNyyumFWniwqQH_B5W8IHV87_SiUSgDE1LH51P81cgTu2VrfKc/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/AVvXsEgAc6HMhigY9T6e1uHk8xVQd3t8RUXWKg-t31m6LTj_xgtac0iGJ_xi_dxEUreloMp1TAiJ-zZ0uQoOoK0A0qdY6e5a9JaNyyumFWniwqQH_B5W8IHV87_SiUSgDE1LH51P81cgTu2VrfKc/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/AVvXsEjAhooRVMOILUj-VFpyXlJDcaXmEVfQvIaoYveeXHaoakMN-weO-oUkLq1jZD6LndtpPPOZbvr-0mAEoBMy99jrRQ3dldxK3Lm5EQ6rhMwIwnjVbtr3Tw3LuVDnARoBZG6u3y3NpWCzT0cI/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–>