Thos tutorial will show you how to add Facebook Like Button, Retweet button, Stumble and Digg Buttons To Blogger posts.
Go to your blogger dashboard, then design or layout (Whatever) and then click Edit HTML
Check Expand Widget Templates
Now hit Ctrl + F on your keyboard and type data:post.body in the appeared search bar and your browser will take you directly to data:post.body
Now just above data:post.body paste the following code
<b:if cond=’data:blog.pageType == "item"’>
<table border=’0′>
<tr>
<td><div style=’padding-top:6px;’>
<script type=’text/javascript’>
tweetmeme_style = "compact";
</script>
<script src=’http://tweetmeme.com/i/scripts/button.js’ type=’text/javascript’/>
</div></td>
<table border=’0′>
<tr>
<td><div style=’padding-top:6px;’>
<script type=’text/javascript’>
tweetmeme_style = "compact";
</script>
<script src=’http://tweetmeme.com/i/scripts/button.js’ type=’text/javascript’/>
</div></td>
<td>
<script expr:src=’"http://www.stumbleupon.com/hostedbadge.php?s=1&r=" + data:post.url’/>
</td>
<script expr:src=’"http://www.stumbleupon.com/hostedbadge.php?s=1&r=" + data:post.url’/>
</td>
<td><div style=’margin-left:35px;’>
<script type=’text/javascript’>
(function() {
var s = document.createElement('SCRIPT'), s1 =document.getElementsByTagName('SCRIPT')[0];
s.type = 'text/javascript';
s.async = true;
s.src = 'http://widgets.digg.com/buttons.js';
s1.parentNode.insertBefore(s, s1);
})();
</script>
<a class=’DiggThisButton DiggCompact’/>
</div></td>
<script type=’text/javascript’>
(function() {
var s = document.createElement('SCRIPT'), s1 =document.getElementsByTagName('SCRIPT')[0];
s.type = 'text/javascript';
s.async = true;
s.src = 'http://widgets.digg.com/buttons.js';
s1.parentNode.insertBefore(s, s1);
})();
</script>
<a class=’DiggThisButton DiggCompact’/>
</div></td>
<td>
<iframe allowTransparency=’true’ expr:src=’"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=button_count&show_faces=false&width=100& action=like&font=arial&colorscheme=light"’ frameborder=’0′ scrolling=’no’ style=’border:none; overflow:hidden; margin-left:35px; width:100px; height:20px;’/>
</td>
</tr>
</table> </b:if><br/>
<iframe allowTransparency=’true’ expr:src=’"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=button_count&show_faces=false&width=100& action=like&font=arial&colorscheme=light"’ frameborder=’0′ scrolling=’no’ style=’border:none; overflow:hidden; margin-left:35px; width:100px; height:20px;’/>
</td>
</tr>
</table> </b:if><br/>
Finally hit SAVE TEMPLATE and you are done!
Leave a Reply