Add a Working Mixx Bookmark Icon to the Blogger/Blogspot Platform : Classic or Custom Templates

December 7th, 2007

mixx

It literally took me about 2 hours to figure out the syntax for blogspot.  I have no idea how people put up with that compared to a self-hosted blog, sigh.  Anyway upon request, here are the steps to adding a Mixx Icon that works properly for the old and new Blogger templates.

First the Icon

You can always use one of the existing buttons or badges from the Mixx site. This is what I had on hand.
mixx

 

Right Click and Save as.  You will need to host the Icon yourself, sorry.

The Code

If you don't know, you need to navigate to your blogger admin panel and get to the template tab.

edithtml


Now go to edit html.

Since every template is different it is hard to pin down exactly where you will have to add the following code, but I tried to give an example where I added mine..

Older or Classic Template Syntax

Find

HTML:
  1. </div>
  2.   <!-- End .post -->

Add above

HTML:
  1. <a href="http://www.mixx.com/submit?page_url=<$BlogItemPermalinkURL$>" target="_blank" title="Submit to Mixx"><img border='0' height='14px' src='http://www.yoururl.com/mixx.png' width='16px'/></a>

Updated or Custom Template Syntax

Be sure to check "Expand Widget Templates"

Find

HTML:
  1. <div class="post-footer">

Below Add

HTML:
  1. <a Title='Submit to Mixx' expr:href='"http://www.mixx.com/submit?page_url=" + data:post.url' target='_blank'><img border='0' height='14px' src='http://www.yoururl.com/mixx.png' width='16px'/></a>

Don't forget to change the Image Path

Be sure to change the image path for either code to match the location of your uploaded Mixx Icon.

The Final Result

lobolinks_blogspot_com

 

 

 

 

You can view my test post here.

These icons link to social bookmarking sites where readers can share and discover new web pages.
  • bodytext
  • del.icio.us
  • StumbleUpon
  • Sphinn
  • Mixx
  • Reddit
  • Technorati

Related Post

Posted in How To, Social Media