(note: this post dates from when Rouge was still on Blogger)

These widget thingies in the new Blogger Beta make the template source code a little more complex to read than it used to be. I found my inspiration to add digg and del.icio.us links to my posts here. The example puts the links after your labels, but I preferred to put them next to the “comment” link. Here’s how:

1. Click on the “Template” tab and choose “edit html”,
2. Check “Expand widget templates”,
3. In the code of the template, look for the section “post-icons”,
4. Copy & paste the red part to the exact same location in your template code:

   <span class=’post-icons’>
   <!– email post links –>
   <b:if cond=’data:post.emailPostUrl’>
   <span class=’item-action’>
   <a expr:href=’data:post.emailPostUrl’ expr:title=’data:top.emailPostMsg’>
   <span class=’email-post-icon’>&#160;</span>
   </a>
   </span>
   </b:if>
   <!– quickedit pencil –>
   <b:include data=’post’ name=’postQuickEdit’/>
   | <a expr:href=’”http://digg.com/submit?phase=3&amp;url=” + data:post.url’ target=’_blank’>DiggIt!</a> |
   <a expr:href=’”http://del.icio.us/post?url=” + data:post.url + “&amp;title=” + data:post.title’ target=’_blank’>Del.icio.us</a>
   </span>

5. Click “preview” to make sure you did everything right. If it’s ok, save your template.

This entry was posted on Thursday, November 16th, 2006 at 5:07 pm and is filed under Webdesign. 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.