Advertise
Drop Me an Entrecard
Top Entrecard Droppers
Categories / Archives
Top Level Web Directory Categories
Subscribe
Add to Google Reader or Homepage Subscribe in NewsGator Online
Add to My AOL Add to netvibes Subscribe in Bloglines

 Follow Mack on Twitter
  • I enjoyed the 60 minutes with Barak and Biden, check it out http://tinyurl.com/62sz53
  • I would love to see a pole on digg for presidential candidates. I always see it flooed with praises of Obama and bashing of McCain.
  • You can force OIOPublisher banners to open in a new window with just a few minor edits. http://tinyurl.com/6s2guc
  • Posted the Entrecards, The Dropper How To (http://tinyurl.com/6hmg5o) another great How To from Lobo Links
  • Congrats to Entrecard for their latest creation Entrebar http://tinyurl.com/5pygbw. Now if they could only cure that bounce rate problem.

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

December 7th, 2007 by Mack

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

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

Add above

PLAIN TEXT
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

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

Below Add

PLAIN TEXT
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

This entry was posted on Friday, December 7th, 2007 at 4:40 pm and is filed under How To, Social Media. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

One Response

  1. By Sujoy on Dec 8, 2007 | Reply

    Awesome Awesome. Shall link this post

Leave a Reply