How to add Facebook Like Button, Retweet button, Stumble and Digg Buttons To Blogger

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 == &quot;item&quot;’>
<table border=’0′>
<td><div style=’padding-top:6px;’>
<script type=’text/javascript’>
tweetmeme_style = &quot;compact&quot;;
<script src=’’ type=’text/javascript’/>
<script expr:src=’&quot;;r=&quot; + data:post.url’/>
<td><div style=’margin-left:35px;’>
<script type=’text/javascript’>
(function() {
var s = document.createElement(&#39;SCRIPT&#39;), s1 =document.getElementsByTagName(&#39;SCRIPT&#39;)[0];
s.type = &#39;text/javascript&#39;;
s.async = true;
s.src = &#39;;;
s1.parentNode.insertBefore(s, s1);
<a class=’DiggThisButton DiggCompact’/>
<iframe allowTransparency=’true’ expr:src=’&quot;; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp; action=like&amp;font=arial&amp;colorscheme=light&quot;’ frameborder=’0′ scrolling=’no’ style=’border:none; overflow:hidden; margin-left:35px;  width:100px; height:20px;’/>
</table> </b:if><br/>

Finally hit SAVE TEMPLATE and you are done!






Leave a Reply

Your email address will not be published. Required fields are marked *