How To Add Stylish Floating Social Sharing Widget For Blogger

Views:

Friends Now i share a floating social sharing widget for blogger. Later i shared some relevant sharing widget to all. But this is very effective than others. When people scroll down your page. It also move with scrolling, It helps to get more likes because they cant avoid your request. You can add this post easily to your blogger. It attach with side of your post content. You can place it on right or left side of your post contents. Now i share code for this widget. If you want to add this to your blog. Please keep instruction below. enjoy…

First Log in your Blogger account.

Go to Template option.

Then find (CTRL+F) this code <b:includable id='post' var='post'>

Then copy below code and paste it after <b:includable id='post' var='post'>

<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<style>
.EX_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;
}
.EX_social_floating .EX_side_social_button{
    margin-bottom:5px;
    float:none;
    height:auto;
    width:60px;
}
.EX_social_floating .st_twitter_vcount, .EX_social_floating.st_plusone_vcount, .st_email{
    margin-left:5px;
}
.EX_social_floating .st_fblike_vcount{
    margin-left:5px;
}
.EX_social_floating .stButton_gradient{
    background:none !important;
    height:21px !important;
    padding-left:0 !important;
}
.EX_social_floating .chicklets, .EX_social_floating .stMainServices {
    background:urlundefined'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg30Ccr_WCk3ob-GBIMwuERS8J5ZcmWYqtpSbRsBFJIFSix0nJX-qlKNOpWDEII3B8SrgnPfGJLZMaKosSLERcM9bUsAxi7Q6ZBkex6avlEzoksCPmp_7gZnUGbrHutYiEj4U-RWxVtSGhc/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:urlundefined'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg30Ccr_WCk3ob-GBIMwuERS8J5ZcmWYqtpSbRsBFJIFSix0nJX-qlKNOpWDEII3B8SrgnPfGJLZMaKosSLERcM9bUsAxi7Q6ZBkex6avlEzoksCPmp_7gZnUGbrHutYiEj4U-RWxVtSGhc/s400/gc_social_sprite.gif') !important;
}
.EX_social_floating .st_twitter_vcount .st-twitter-counter{
    background-position:0 -58px !important;
}
.EX_social_floating .stButton_gradient{
    border:none !important;
}
.EX_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;
}
.EX_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;
}
.EX_social_floating .stBubble{
    background-position: 21px 31px !important;
    height:35px !important;
}.EX_social_floating .st_pinterest_vcount{
    margin-left:5px;
}
.EX_social_floating .st_pinterest_vcount .st-pinterest-counter{
    background-position:0 -19px !important;
}
.EX_social_floating .st_pinterest_vcount .stBubble_count{
    color:#FF0505;
    background-color:#fbf8f8 !important;
}

.EX_social_floating .st_pinterest_vcount .stBubble{
    background-image:urlundefined'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlRhGbjojiWP1QXz2MSZ-7P_Pchi0AimvhYVlIQhKwT5Aleh6vqgljDrvt8-hq1JeifXX_E3yFgaMYrhm3V5odFLI0-wTFegccS6ECQJ8d0A9k79lAxoc5iqIHrdXu3R9bXcRL2Xg7CFkJ/s400/bubble_arrow_pinterest.png') !important;
}

.st_pinterest_vcount{
    margin-bottom: 0px;
    display: block;
}

</style>

<div class='EX_social_floating'>
    <script type='text/javascript'>var switchTo5x=true;</script>
    <script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/>
    <script type='text/javascript'>stLight.optionsundefined{onhover:false, , doNotHash: true, doNotCopy: true, hashAddressBar: false});</script>
    

<b:if cond='data:blog.pageType == "item"'>
<div style='margin:0px 0 0px 4px;'><div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:send expr:href="data:post.url" font=""></fb:send>
</div></b:if>

<div style='margin:0px 0 0px 10px;'><div id='fb-root'/><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like font='' href='' layout='box_count' send='false' show_faces='false'/></div>

    <span class='st_twitter_vcount' displaytext='' st_via='rohitasare1'/>
<span class='st_pinterest_vcount' displaytext=''/>
<div style='margin:0px 0 0 5px;'>
    <span class='st_plusone_vcount' displaytext=''/>
</div>

<div class='addthis_toolbox addthis_default_style ' style='margin:5px 0px 5px 8px;'>
<a class='addthis_counter'/>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'/>
<script type='text/javascript'>
var addthis_config = {
     ui_cobrand: "INTERNET EXPLORA",
ui_header_color: "#ffffff",
     ui_header_background: "#0080FF"
}
</script>
<span class='st_email' displaytext=''/>
<p style=' line-height:0px; font-size:10px; font-weight:bold; text-align:center;'><a href='http://internetexplora.blogspot.com' style='color:#CAC8C8;'>EX</a></p>
</div>
</b:if></b:if>