Tech at the speed of Warp

Yesterday I wanted to add social bookmarking clickets to my webpage but found that many just supported Blogger and not Blogger beta.

One interesting site is 3spots. Actualy it is the only site that offers some advice on how to implement Social Bookmarking in Blogger BETA.

I had some hard time and I know what I was doing so here is a "template" to add some of more popular Social Bookmarking sites to your site.

First open your template and edit HTML, check Expand Widget Templates and locate 'post-footer-line post-footer-line-2' line and insert text as shown below. Bolded text is to be inserted.

EDIT:> IF you are using Blogger Classic then remove "EXPR:" infront of HREF tag.

Preview, and if everything is ok, save.

<p class='post-footer-line post-footer-line-2'>
<span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
<br/><br/>

<strong>

<a expr:href='"http://digg.com/submit?phase=2&amp;url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='digg' height='16' src='http://img2.imagepile.net/images/ycc2106/61822091.png' width='16'/></a>

<a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='delicious' height='16' src='http://img2.imagepile.net/images/ycc2106/80727937.png' width='16'/></a>

<a expr:href='"http://www.furl.net/storeIt.jsp?u=" + data:post.url + "&amp;t=" + data:post.title' target='_blank'><img alt='furl' height='16' src='http://img2.imagepile.net/images/ycc2106/47600014.png' width='16'/></a>

<a expr:href='"http://www.google.com/bookmarks/mark?op=add&amp;bkmk=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='google' height='16' src='http://img2.imagepile.net/images/ycc2106/10847106.png' width='16'/></a>

<a expr:href='"http://ma.gnolia.com/bookmarklet/add?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='ma.gnolia' height='16' src='http://img2.imagepile.net/images/ycc2106/10998644.png' width='16'/></a>

<a expr:href='"http://reddit.com/submit?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='reddit' height='16' src='http://img2.imagepile.net/images/ycc2106/10796749.png' width='16'/></a>

<a expr:href='"http://technorati.com/faves?add=" + data:post.url' target='_blank'><img alt='Technorati' height='16' src='http://img2.imagepile.net/images/ycc2106/81723336.png' width='16'/></a>

<a expr:href='"http://myweb2.search.yahoo.com/myresults/bookmarklet?t=" + data:post.title + "&amp;u=" + data:post.url' target='_blank'><img alt='yahoo' height='16' src='http://img2.imagepile.net/images/ycc2106/54687920.png' width='16'/></a>

<a expr:href='"http://www.squidoo.com/lensmaster/bookmark?" + data:post.url' target='_blank'><img alt='Squidoo' height='16' src='http://img2.imagepile.net/images/ycc2106/25436023.png' width='16'/></a>

</strong>

Labels: Digg, Web 2.0