Facebook share | Yahoo Buzz | Tweet this! | Digg it buttons for Blogger blogs
| Read next Mobile templates for Blogger websites | x |
For adding (m)any of these buttons,
1. Goto Blogger dashboard of your blog.
2. Goto Layout tab, click “Edit Html”
3. Check the “Expand Widget Templates” checkbox
4. Locate
<div class='post-footer'>
in the template.
5. Just below the above code, paste any of the below code snippet, and save the template.
Yahoo Buzz button:
1. Square button with count
<script type="text/javascript"> yahooBuzzArticleHeadline = "<data:post.title/>"; yahooBuzzArticleType = "text"; </script> <script type="text/javascript" src="http://d.yimg.com/ds/badge2.in.js" badgetype="square"> <data:post.url/> </script>
2. Text link with count
<script type="text/javascript"> yahooBuzzArticleHeadline = "<data:post.title/>"; yahooBuzzArticleType = "text"; </script> <script type="text/javascript" src="http://d.yimg.com/ds/badge2.in.js" badgetype="text-votes"> <data:post.url/> </script>
3. Small icon with No text
<script type="text/javascript"> yahooBuzzArticleHeadline = "<data:post.title/>"; yahooBuzzArticleType = "text"; </script> <script type="text/javascript" src="http://d.yimg.com/ds/badge2.in.js" badgetype="logo"> <data:post.url/> </script>
4. Large rectangular button with Count
<script type="text/javascript"> yahooBuzzArticleHeadline = "<data:post.title/>"; yahooBuzzArticleType = "text"; </script> <script type="text/javascript" src="http://d.yimg.com/ds/badge2.in.js" badgetype="large-votes"> <data:post.url/> </script>
Facebook Share button
Large button with count
<script>
var fbShare = {
url: '<data:post.url/>',
title: '<data:post.title/>',
size: 'large',
google_analytics: 'true'
}
</script>
<script src='http://widgets.fbshare.me/files/fbshare.js'/>
Small button
<script>
var fbShare = {
url: '<data:post.url/>',
title: '<data:post.title/>',
size: 'small',
google_analytics: 'true'
}
</script>
<script src='http://widgets.fbshare.me/files/fbshare.js'/>
Tweet this button
Square button
<script type="text/javascript"> tweetmeme_url = '<data:post.url/>'; </script> <script type="text/javascript"
src="http://tweetmeme.com/i/scripts/button.js">
</script>
Small Button
<script type="text/javascript"> tweetmeme_url = '<data:post.url/>'; tweetmeme_style = 'compact'; </script> <script type="text/javascript"
src="http://tweetmeme.com/i/scripts/button.js">
</script>
Simple, direct “Tweet this” link
<a href="#" onclick="window.open('http://www.twitter.com/home?
status=Reading+Facebook share, Yahoo Buzz and Tweet this
buttons for Blogger blogs+http://www.didiknow.com');">
Tweet this</a>
Digg this button
<script type='text/javascript'> digg_url = '<data:post.url/>'; digg_title ='<data:post.title/>' ; digg_window = 'new'; </script> <script src='http://digg.com/tools/diggthis.js' type='text/javascript'></script>
For any problems in adding these button, write a comment below.
You may also want to add Orkut Share link for your website/ Blog or/and