
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:
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:
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 code after/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.
Check For More Social Share Buttons "How to add Linkedin Share, Reddit, Facebook Like, Delicious, Google Buzz, Stumbleupon, Digg, Tweet, Retweet and Facebook Share buttons in blogger."
Comments
Post a Comment