Add floating Social Share buttons to your blogger blog


Make your blog more attractive and generate some awesome backlinks to all your social networks. One of the great way of communicating with your visitors is by having a social network coverage of your blog. And this widget , floating widget, gives your visitors an awesome way of connecting with your blog .


Steps:

1. Login to your Blogger account  and click 'Template' tab.

2. Backup your template.

3. Click Edit HTML and click Proceed.

4. Then Click 'Expand Widget Templates'

5. Search this - <b:includable id='post' var='post'>

6. Just below it paste the following code:



<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<style type='text/css'>
#Bloggertrix-share {position:fixed; bottom:15%; left:100px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;padding:0 0 2px 0;z-index:10;}
</style>
<div id='Bloggertrix-share' title='Share with your friends'>
<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.options({onhover:false});</script>
    <div style='margin:10px 0 0px 6px;'>
    <span class='st_fblike_vcount' displaytext=''/>
</div>
<span class='st_twitter_vcount' displaytext='' st_via='DroidFocus'/>
<div style='margin:0px 0 0 5px;'>
<span class='st_plusone_vcount' displaytext=''/>
<div class='addthis_toolbox addthis_default_style ' style='margin:5px 0px -2px 4px;'>
<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: &quot;Techdesire&quot;,
ui_header_color: &quot;#ffffff&quot;,
     ui_header_background: &quot;#0080FF&quot;}
</script>
</div>
<br/>
</div>
</b:if></b:if>

Just replace 'DroidFocus'  with your twitter username.

7.  Save your template and check out any of your posts if the widget is working or not.

{ 0 comments... read them below or add one }

Post a Comment