How to share your blog in Blogger site
Web2.0 is share. It is necessary to share your blog as one blogger. But in the Blogger space, it is hard to modify the template to add the share feature. For example, when you create share links with images, the images will auto turn into the strange style: one image by one line. When you meet this problem, please use table, tr, td elements.
Another tip we need to know, the Bookmark Services commonly provide API to add the bookmark from external. The API contain two parts. The first is URL, the second is title. Of course, for the different API, the parameter names for URL and title are different. For example, the API for “del.icio.us” is “http://del.icio.us/post?url=XXX&title=YYY”. The one for “My Yahoo” is “http://myweb2.search.yahoo.com/myresults/bookmarklet?u=XXX&t=YYY”.
This is the code I wrote for sharing links:
<p>
<table><tr>
<td>Share this:</td>
<!– share link for del.icio.us –>
<td><a expr:href=’”http://del.icio.us/post?url=” + data:post.url + “&title=” + data:post.title’ expr:title=’”del.icio.us: ” + data:post.title’ target=’_blank’><img src=’http://i189.photobucket.com/albums/z223/wawatera/delicious.gif’/></a></td>
<!– share link for Digg –>
<td><a expr:href=’”http://digg.com/submit?phase=2&url=” + data:post.url + “&title=” + data:post.title’ expr:title=’”digg: ” + data:post.title’ target=’_blank’><img src=’http://i189.photobucket.com/albums/z223/wawatera/digg.gif’/></a></td>
<!– share link for Technorati –>
<td><a expr:href=’”http://technorati.com/cosmos/search.html?url=” + data:post.url + “&title=” + data:post.title’ expr:title=’”Technorati: ” + data:post.title’ target=’_blank’><img src=’http://i189.photobucket.com/albums/z223/wawatera/technorati.gif’/></a></td>
<!– share link for Reddit –>
<td><a expr:href=’”http://reddit.com/submit?url=” + data:post.url + “&title=” + data:post.title’ expr:title=’”Reddit: ” + data:post.title’ target=’_blank’><img src=’http://i189.photobucket.com/albums/z223/wawatera/reddit.gif’/></a></td>
<!– share link for Stumbleupon –>
<td><a expr:href=’”http://www.stumbleupon.com/submit?url=” + data:post.url + “&title=” + data:post.title’ expr:title=’”stumbleUpon: ” + data:post.title’ target=’_blank’><img src=’http://i189.photobucket.com/albums/z223/wawatera/stumbleupon.png’/></a></td>
<!– share link for My Yahoo –>
<td><a expr:href=’”http://myweb2.search.yahoo.com/myresults/bookmarklet?u=” + data:post.url + “&t=” + data:post.title’ expr:title=’”My Yahoo!: ” + data:post.title’ target=’_blank’><img src=’http://i189.photobucket.com/albums/z223/wawatera/yahoo_myweb.gif’/></a></td>
<!– share link for Blinklist –>
<td><a expr:href=’”http://blinklist.com/index.php?Action=Blink/addblink.php&Url=” + data:post.url + “&Title=” + data:post.title’ expr:title=’”Blinklist: ” + data:post.title’ target=’_blank’><img src=’http://i189.photobucket.com/albums/z223/wawatera/blinklist.gif’/></a></td>
<!– share link for Furl –>
<td><a expr:href=’”http://furl.net/storeIt.jsp?u=” + data:post.url + “&t=” + data:post.title’ expr:title=’”Furl: ” + data:post.title’ target=’_blank’><img src=’http://i189.photobucket.com/albums/z223/wawatera/furl.gif’/></a></td>
<!– share link for Tipstrs –>
<td><a expr:href=’”http://www.tipstrs.com/addTip”‘ expr:title=’”Tipstrs: ” + data:post.title’ target=’_blank’><img src=’http://i189.photobucket.com/albums/z223/wawatera/tipstrs.gif’/></a></td>
<!– share link for Netscape –>
<td><a expr:href=’”http://www.netscape.com/submit/?U=” + data:post.url + “&T=” + data:post.title’ expr:title=’”Netscape: ” + data:post.title’ target=’_blank’><img src=’http://i189.photobucket.com/albums/z223/wawatera/netscape.gif’/></a></td>
<!– share link for Google Bookmarks –>
<td><a expr:href=’”http://www.google.com/bookmarks/mark?op=edit&bkmk=” + data:post.url + “&title=” + data:post.title’ expr:title=’”Google Bookmarks: ” + data:post.title’ target=’_blank’><img src=’http://i189.photobucket.com/albums/z223/wawatera/google_bmarks.gif’/></a></td>
<!– share link for ma.gnolia –>
<td><a expr:href=’”http://ma.gnolia.com/bookmarklet/add?url=” + data:post.url + “&title=” + data:post.title’ expr:title=’”Ma gnolia: ” + data:post.title’ target=’_blank’><img src=’http://i189.photobucket.com/albums/z223/wawatera/magnolia.gif’/></a></td>
<!– share link for Newsvine –>
<td><a expr:href=’”http://www.newsvine.com/_wine/save?u=” + data:post.url + “&h=” + data:post.title’ expr:title=’”Newsvine: ” + data:post.title’ target=’_blank’><img src=’http://i189.photobucket.com/albums/z223/wawatera/newsvine.gif’/></a></td>
<!– share link for Tailrank –>
<td><a expr:href=’”http://tailrank.com/share/?link_href=” + data:post.url + “&title=” + data:post.title’ expr:title=’”Tailrank: ” + data:post.title’ target=’_blank’><img src=’http://i189.photobucket.com/albums/z223/wawatera/tailrank.gif’/></a></td>
<!– share link for live.com –>
<td><a expr:href=’”https://favorites.live.com/quickadd.aspx?marklet=1&mkt=en-us&url=” + data:post.url + “&title=” + data:post.title’ expr:title=’”Windows live: ” + data:post.title’ target=’_blank’><img src=’http://i189.photobucket.com/albums/z223/wawatera/windows_live.gif’/></a></td>
<!– share link for Simpy –>
<td><a expr:href=’”http://www.simpy.com/simpy/LinkAdd.do?href=” + data:post.url + “&title=” + data:post.title’ expr:title=’”Simpy: ” + data:post.title’ target=’_blank’><img src=’http://i189.photobucket.com/albums/z223/wawatera/simpy.gif’/></a></td>
<!– share link for Spurl –>
<td><a expr:href=’”http://www.spurl.net/spurl.php?url=” + data:post.url + “&title=” + data:post.title’ expr:title=’”Windows live: ” + data:post.title’ target=’_blank’><img src=’http://i189.photobucket.com/albums/z223/wawatera/spurl.gif’/></a></td>
</tr></table>
</p>




Rose said,
July 16, 2007 @ 12:21 pm
This was a very helpful article. I have stumbled it.
Anonymous said,
August 2, 2007 @ 7:52 am
Thanks. How do I paste the code to the Blogger template? I mean to which part of the template.
terababy said,
August 2, 2007 @ 9:20 am
you can paste the code after the span element with the class name “post-backlinks post-comment-link” and before the element named “post-footer-line post-footer-line-2″ in your template.
Anonymous said,
August 5, 2007 @ 8:51 am
terababy,
thank you. Wish you and your family all the best wishes.