Unordered List

Monday, April 16, 2012

Yahoo Buzz Button For Blogger

yahoo_buzz_logo

 

Yahoo Buzz is a community-based news article website, just like Digg, that combines the features of social bookmarking and syndication through a user interface that allows editorial control.
Yahoo Buzz has got many different
sharing buttons.
Integrating this into blogger will require some template edits.
This post explains how to add Yahoo! Buzz buttons on your every Blogger post. It's really very simple!

To add this widget to your blog, follow these instructions:

 

Step 1:
Log in to Blogger, go to Design / Layout > Edit HTML and tick the "Expand Widget Templates" checkbox.



Step 2:
Now find (CTRL+F) this in the code:

<data:post.body/>

Square Button:
Case 1:
Top Right
To place the yahoo buzz button with counter at the top right corner of your post paste this code before/above it :

<div style="float:right;padding:4px;">
<script type="text/javascript" src="http://d.yimg.com/ds/badge2.js" badgetype="square"><data:post.url/></script>
</div>

NOTE: Don't forget to save the template.
NOTE: To change the button position from "Top-Right" to "Top-Left" just change the float position to left. i.e. float:right changes to float:left check it in Case 2 below.
Case 2:
Top Left
To place the yahoo buzz button with counter at the top left corner of your post paste this code before/above it :

<div style="float:left;padding:4px;">
<script type="text/javascript" src="http://d.yimg.com/ds/badge2.js" badgetype="square"><data:post.url/></script>
</div>

NOTE: Don't forget to save the template.
NOTE: Browse more buttons from here grab the code and replace ARTICLEURL with<data:post.url/>.
NOTE: To place the yahoo buzz button at the end of your post paste this codeafter/below it.
NOTE: You can also include the first and last line of to place the button left or right.
i.e
<div style="float:left;padding:4px;">
    |
    |
code here
    |
    |
</div>
This will put a Yahoo Buzz Button to every post. But It won't let you choose which post you want to include or exclude a button.

0 comments:

Post a Comment