How to add Mixx button to Blogger

Anyone tried adding Mixx button to Blogger blogs? I have tried pasting the HTML code provided by Mixx in the Blogger template but it does not work for me. It can only submit the permalink of a post when that page is load and viewed individually but it failed to submit the permalinks of posts when they are read on my main Blogger page (the URL of my main blog got posted instead!). I wanted the button to appear after my post footer automatically for every post, this way I don't need to paste the code each time I have a new post.

So, being desperate to add the Mixx button as I was promoting my article Have you tried Mixx?, I tried to modify the code and finally got it working! Here's the following code to add a Mixx button to your Blogger template:

<a expr:href='"http://www.mixx.com/submit?page_url=" + data:post.url' target='_blank'><img alt='Add to Mixx!' border='0' src='http://www.mixx.com/images/buttons/mixx-button2.png'/></a>

If you want your button to appear after your post footer like mine at the end of this post, you should paste the above code after the following lines in your template (you have to check Expand Widget Templates to see the code):

<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->

</div>
<div class='post-footer'>
<div style='float:left'>
<!-- the above line in red is not found in template, it is beginning of formatting for Mixx button so that it appears to the left of your post footer -->

You can test out whether the button works by pressing the my Mixx button at the end of this post.
Talking to myself: What an ingenious way to get my article voted (laugh sinisterly!)

References:
Mixx Buttons & Badges

Socialize It →

Tweet

Subscribe Us by Email and Get Free Updates

Other Interesting Posts :