How to add Yahoo Buzz Widget to every post of your blog.

Share |

As I have discussed in previous article Yahoo Buzz and Digg.com buttons are very important for generating traffics to your site. And have free external links to your site. Here I will discuss how to add Yahoo Buzz! button to each post of blog.

Please visit http://buzz.yahoo.com/buttons link and get the code for the required button. I will explain it for the above button's code. For the other buttons you can perform similar steps.

The code for the above button is:

<script type="text/javascript"
 src="http://d.yimg.com/ds/badge2.js"
 badgetype="large-votes">
 ARTICLEURL   
</script>

In the above code replace ARTICLEURL by </data:post.url> hence your code will be:

<script type="text/javascript"
 src="http://d.yimg.com/ds/badge2.js"
 badgetype="large-votes">
 </data:post.url>   
</script>

Additionally you can include story headline, story’s summary, story’s category, story’s media type, to automatically pull the URL associated as follows within <script> </script>:

To provide a story’s headline upon submission: yahooBuzzArticleHeadline = "Enter Story Headline Here"

To provide a story’s summary upon submission: yahooBuzzArticleSummary = "Enter Story Summary Here"

To provide a story’s category upon submission: yahooBuzzArticleCategory = "Enter Story Category Here"

where "Enter Story Category Here" must be one of the following: business, entertainment, health, images, lifestyle, politics, science, sports, travel, usnews, video, world-news

To provide a story’s media type upon submission: yahooBuzzArticleType = "Enter Media Type Here"

where "Enter Media Type Here" must be one of the following: text, image, video

Finally, to automatically pull the URL associated with the page where the button lives upon submission: yahooBuzzArticleId = window.location.href

Finally your code will be as follows:

<script type='text/javascript'>
 yahooBuzzArticleHeadline = &quot;<data:post.title/>&quot;;
 yahooBuzzArticleSummary = &quot;<data:post.title/>&quot;;
 yahooBuzzArticleCategory = &quot;Sci/Tech&quot;;
 yahooBuzzArticleType = &quot;Image&quot;;
 yahooBuzzArticleId = &quot;<data:post.url/>&quot;;
</script>
<script badgetype='large-votes' src='http://d.yimg.com/ds/badge2.js' type='text/javascript'><data:post.url/>    
</script>

Share |