Saturday, September 06, 2008

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


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 |

No comments yet

Topics

 
Embed Wave to Blogger