Prog Blog’s Flickr Photostream

External Voting API

Blogger Example of In-Line Banner ImageBy adding a couple lines of code to your blog’s template, you can greatly increase the number of votes cast for your posts. Boost your visibility on the Prog Blog website by becoming the most voted-on.

Increased visibility means more interest in your blog. Search engines love us, and will love you, too. Together, let’s build progressive networks by giving your readers the vote. All the juicy details are below.

Basic Link

To allow your readers to vote for your post from your site, simply create a link that points here:

http://www.progressivebloggers.ca/vote/[put post permalink here]

For example, if your post permalink is http://www.domain.com/2012/03/18/some-blog-post.html then a link to…

http://www.progressivebloggers.ca/vote/http://www.domain.com/2012/03/18/some-blog-post.html

…would allow your reader to cast a vote for your post.

Adding this link between the end of your post and the comments, or other suitable location on your site’s template, will allow users to vote for your post on Progressive Bloggers via a simple web link. Nothing could be easier.

Need Help?

If you are interested in participating and allowing your readers to help you gain exposure, and want a hand with adding the API to your blog, please contact us and we will do our best to get you set up.

Google Blogger

If you are using Blogger, you would need to insert a line like the following:

<a class='comment-link' expr:href="http://www.progressivebloggers.ca/vote/" + data:post.url">Recommend this post</a>

You may also use an image banner as your link by including the following code:

<a class='comment-link' expr:href='"http://www.progressivebloggers.ca/vote/" + data:post.url'><img src="http://www.progressivebloggers.ca/white-leaf-checkmark__your_vote.png" width="80" height="15" border="0" /></a>

To add this code to your template in Blogger, follow these steps:
(NOTE: Updated steps for Blogger as of Dec 11, 2013. Apparently the newest version of Blogger doesn’t like the old steps.. but this revision has been confirmed by affiliates as working)

1. On the main Blogger admin window, Click on “Template”

2. Click on “Edit HTML”

3. Copy the entire HTML text in the edit pane into local text editor.

4) Search for the following tag:

<data:post.body/>

5) Modify the code as shown below:

<!-- clear for photos floats --><!-- Progressive Bloggers Voting API Start --> <a class='comment-link'expr:href="http://www.progressivebloggers.ca/vote/" + data:post.url'>
http://www.progressivebloggers.ca/white-leaf-checkmark...' width='80'/></a> <!-- Progressive Bloggers Voting API End -->

6) Repeat steps 4 and 5 until you have modified all post.body segments. There will be two or three depending on your template.

For further information, please refer to Google’s Blogger documentationExternal link.

Hosted WordPress

If you are using hosted WordPress, update your main template and add this code:

<a href="http://www.progressivebloggers.ca/vote/<?php the_permalink(); ?>">Recommend this Post</a>

To include a web banner image, modify the code accordingly:

<a href="http://www.progressivebloggers.ca/vote/<?php the_permalink(); ?>"><img src="http://www.progressivebloggers.ca/bilingual-white-leaf__your_vote.png" width="80" height="15" border="0" />

For further information, please refer to the WordPress documentationExternal link for templates.

FeedBurner and Other Technical Issues

If you are using a FeedBurner feed on Progressive Bloggers, this system will not work. That is because the permalink provided by FeedBurner will not match the the permalink on your website. To resolve this, please don’t hesitate to contact us to set up alternative syndication arrangements.

Update (2012-11-28): We’re working on an update to the External Voting API that will resolve the above RSS service issue.

Abuse

Please do not abuse this feature by using bots or other automated methods of ballot stuffing. Users must physically click on the voting link by their own volition. Any blogs found abusing this feature will be removed from Progressive Bloggers.

External Vote Buttons

Please refer to the section below outlining how to incorporate these web button images on your blog with the Progressive Blogger external voting API.

“Your Vote” button (v.2):

"Your Vote" button

<img src="http://www.progressivebloggers.ca/white-leaf-checkmark__your_vote.png" width="80" height="15" border="0" />

“Your Vote” button (old):

"Your Vote" button

<img src="http://www.progressivebloggers.ca/white-leaf-checkmark__your_vote_old.png" width="80" height="15" border="0" />

Bilingual vote button:

Small white bilingual external voting button

<img src="http://www.progressivebloggers.ca/bilingual-white-leaf__your_vote.png" width="80" height="15" border="0" />

Under Development

In order to increase exposure and readership for our affiliates, various extensions to the voting system are planned. If you have any comments or suggestions about the voting system, or any other aspect of the site, please don’t hesitate to contact us.