Add Floating Share bar with Count widget in Blogger
Preview-
Live Demo- (Click Here)
How to add this widget in Blogger
Step 1: Back up your template (Optional step)
- Log in to your blogger, select your blog,
- Select 'Template' tab option, click 'backup/restore' from upper right corner.
- Download full template and save it on your computer's Harddrive
Step 2: Installing (Mandatory Step)
- Then, From 'Template' tab, select 'Edit HTML'
- And find (Using Ctrl+F or Cmd+F) this line-
<b:includable id='post' var='post'>
- And paste all given codes under <b:includable id='post' var='post'> and 'Save template'.
<b:if cond='data:blog.pageType == "item"'> <b:if cond='data:blog.pageType
!= "static_page"'>
<style>
.ks-bar {border:#e3d6e0 1px solid;
width:70px;
height:280px;
border-radius:5px 5px 5px 5px;
bottom:30%; margin-left:-80px;position:fixed;}
.ks-bar1 {border:#f8f8f8 1px solid;
width:62px;
height:272px;
border-radius:5px 5px 5px 5px;
margin:3px 3px 3px 3px;
background:#f5f5f5;}
.ks-boxe {height:63px;
width:100%;
padding:3px 3px;
}
</style>
<!--crawlist.net widget starts-->
<div class="ks-bar">
<div class="ks-bar1">
<div class="ks-boxe">
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="box_count" show_faces="false" font=""></fb:like></div>
<div class="ks-boxe">
<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script></div>
<div class="ks-boxe">
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div>
<div class="ks-boxe">
<div class='addthis_toolbox addthis_default_style '>
<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: "crawlist",
ui_header_color: "#ffffff",
ui_header_background: "#0080FF"
}
</script>
</div>
</div>
</div>
</b:if></b:if>
<!--crawlist.net widget ends-->
- Preview your blogger blog and see this sharing widget's work in live.
- This widget will not appear on Homepage.
Template Compatibility
- This floating Social media sharing and bookmarking bar widget is compatible with almost all standard templates but unique designed templates or highly coded templates (like HTML5 templates) will not accept this.
comment. P.S stay subscribed because new version of floating share bar will release soon. Goodluck