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:
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.
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 == "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<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: "Techdesire",
ui_header_color: "#ffffff",
ui_header_background: "#0080FF"}
</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