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

Tuesday, January 04, 2011


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'>
<tr>
<td><div style='padding-top:6px;'>
<script type='text/javascript'>
tweetmeme_style = &quot;compact&quot;;
</script>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/>
</div></td>
<td>
<script expr:src='&quot;http://www.stumbleupon.com/hostedbadge.php?s=1&amp;r=&quot; + data:post.url'/>
</td>
<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;http://widgets.digg.com/buttons.js&#39;;
s1.parentNode.insertBefore(s, s1);
})();
</script>
<a class='DiggThisButton DiggCompact'/>
</div></td>
<td>
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&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;'/>
</td>
</tr>
</table> </b:if><br/>

Finally hit SAVE TEMPLATE and you are done!

You can follow us on Twitter or Join us on Facebook to receive all updates . . .




Share your views...

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

Post a Comment

 

Connect with us

Followers

© 2010 - 2017 theinfoW.com All Rights Reserved | Contact Us | About Us | Privacy Policy | Terms of Use |