New AddThis button code for Serendipity Templates

The original code I used in bulletproof and other templates is located in the smarty template file named entries.tpl and is as follows:

<div class="addthiswidget">
    <script type="text/javascript">
        addthis_url = '{$entry.rdf_ident|escape:url}';
        addthis_title = '{$entry.title|escape:url}';
        addthis_pub = '{$template_option.addthisaccount}';
    </script>
    <script type="text/javascript" src="http://s7.addthis.com/js/addthis_widget.php?v=12" ></script>
</div>

Addthis has changed the javascript a bit since then, but the basic concept remains unchanged. I have, however, come to the conclusion that the URL does not need to be escaped as s9y is already converting potentially bad characters. The entry title should still be escaped to avoid problems with the addthis javascript. So, the new version of the code is this:

<div class="addthiswidget">
    <a href="http://www.addthis.com/bookmark.php?v=250" onmouseover="return addthis_open(this, '', encodeURIComponent('{$entry.rdf_ident}'), encodeURIComponent('{$entry.title|escape:url}'));" onmouseout="addthis_close()" onclick="return addthis_sendto()" title="Bookmark and Share" target="_blank"><img src="http://s7.addthis.com/static/btn/lg-bookmark-en.gif" width="125" height="16" alt="Bookmark and Share" style="border:0" /></a>
    <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js?pub={$template_option.addthisaccount}"></script>
</div>

If you are not using bulletproof, remember to replace {$template_option.addthisaccount} with your addthis account name/number if you have one, otherwise that should simply be deleted. Also note that that account name/number is not enclosed within quotes as the entire script source is already enclosed within double quotes in this version.

There are several button choices. Below are the current button choices, and the corresponding <img> code necessary to fetch each button:

(used in example above) <img src="http://s7.addthis.com/static/btn/lg-bookmark-en.gif" width="125" height="16" alt="Bookmark and Share" style="border:0" />
<img src="http://s7.addthis.com/static/btn/lg-share-en.gif" width="125" height="16" alt="Bookmark and Share" style="border:0" />
<img src="http://s7.addthis.com/static/btn/lg-addthis-en.gif" width="125" height="16" alt="Bookmark and Share" style="border:0" />
<img src="http://s7.addthis.com/static/btn/sm-bookmark-en.gif" width="83" height="16" alt="Bookmark and Share" style="border:0" />
<img src="http://s7.addthis.com/static/btn/sm-share-en.gif" width="83" height="16" alt="Bookmark and Share" style="border:0" /> Serendipity's Bulletproof template has been updated in SVN with this modification, or you can update your own copy of entries.tpl if you do not want to fetch the latest nightly build.

For more information, please visit the Addthis website, forum, or blog.

If you enjoyed this article, please leave a comment and bookmark it at your favorite social bookmarking sites using the Bookmark button below so that others will enjoy it as well!