Karthik's blog

Facebook share | Yahoo Buzz | Tweet this! | Digg it buttons for Blogger blogs

20 Oct 2009

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

Delicious bookmark button + Counter for your website, Blogger blog


Related Posts with Thumbnails
blog comments powered by Disqus