Tuesday, January 09, 2007

The tagometer on

Yesterday I blogged about how to include the new tagometer on a blog, just like Improbulus did last December as I discovered later. Felix asked me how it could be done on the new template system. Well, here it is.

Like with the old template system, you need to add this to the header, just before the </head> end tag:

<!-- badge stuff -->
<script type="text/javascript">
if (typeof window.Delicious == "undefined") window.Delicious = {};
<link id="delicious-blogbadge-css"
rel="stylesheet" type="text/css" />
<script src="" />

And, for the blog entry template bit, look for this the <p> element of class 'post-footer-line post-footer-line-3', which was empty for me. Add this <div> to that:

<p class='post-footer-line post-footer-line-3'>
<div class="delicious-blogbadge-line" expr:id="">
<script type="text/javascript">
Delicious.BlogBadge.register('<>', '<data:post.url/>', '<data:post.title/>');

To get at the right place, with the full template XHTML content, go to your homepage, click the Template tab, then pick the Edit HTML option, and make sure to enable the Expand Widget Templates option.