Blogger Hacks, Categories, Tips & Tricks

Friday, January 27, 2006
Social Bookmarking Links for your Post Footer
In another post-footer makeover, I have added Simpy, Blinklist, Digg and (rather optimistically, I thought) Slashdot to your list of bookmarking options, which still includes and Furl. Now you can bookmark Freshblog posts on any of those services with the minimum effort.

Thanks to Otis at Simpy for code that will work there (it just needed blogger template tags), and to E-Lamb for the Digg & Slashdot code. There's a nifty table at E-Lamb of the variable template tags for a number of blogging platforms, so if you're on MT & want to add this, you can.

Code for all 6 services follows, encoded for display on the page using the Centricle Encoder, which is a great tool!! Simply save your own copies of the images and replace yourURL with, er... your URL.

Note that I inserted a space in the blinklist code immediately prior to the word Description because I needed to force a line-break.

This supercedes my previous "1-click bookmarking to" post, and adds more services. You can obviously delete the links to any engines that you don't want to include. Have fun bookmarking!!

<a href="
Description=&Url=<$BlogItemPermalinkUrl$>&Title=<$BlogItemTitle$>&Tag=<$BlogTitle$>, "><img title="Blinklist" border="0" align="absmiddle" alt="blinklist" src="http://yourURL/blinklist.png"></a>

<a href="<$BlogItemPermalinkUrl$>&title=<$BlogTitle$>: <$BlogItemTitle$>" target="_blank"><img title="" border="0" align="absmiddle" alt="" src="http://yourURL/delicious.gif"></a>

<a href="" target="_new"><img title="Digg" border="0" align="absmiddle" alt="digg" src="http://yourURL/digman.gif"></a>

<a href="<$BlogTitle$>: <$BlogItemTitle$>&u=<$BlogItemPermalinkURL$>" target="_blank"><img title="Furl" border="0" align="absmiddle" alt="furl" src="http://yourURL/furl.png"></a>

<a href="<$BlogItemPermalinkUrl$>&title=<$BlogItemTitle$>"><img title="Simpy" border="0" align="absmiddle" alt="simpy" src="http://yourURL/simpy-icon-16x16.png"></a>

<a href="" target="_new"><img title="SlashDot" border="0" align="absmiddle" alt="slashdot" src="http://yourURL/slashdot.png"></a>
Posted at 6:32 AM by John.
<    >
Nice one.

I'm going to add these with the exception of slashdot. I doubt anyone would want to submit anything I wrote there lol


<    >
Anonymous Otis Gospodnetic said...
But I see a little problem with the piece for Simpy: Replace "Title=" with "title=", please, as the parameters are case-sensitive.


<    >
Are you talking about this bit..


Seems to still work for me, but I'll change it you're the one who should know...not me


<    >
Blogger John said...

Thanks for the heads-up. Changed both in the post and on my template. All set!!

<    >
Anonymous Otis Gospodnetic said...
No problem. You can see that the fix was effective because if you click on Simpy's icon now and get to Simpy's "link add" page, you will see:

You are adding a bookmark for Social Bookmarking Links for your Post Footer.

That "Social Bookmarking Links for your Post Footer" bit is from the "title" parameter in the link.

Thanks for the quick fix.

<    >
Anonymous Ivan Minic said...
Good stuff :)

<    >
Blogger Aditya said...
hey john,
your digg link doesn't auto add the posts url to the bar. perhaps this will help --<$BlogItemPermalinkUrl$>


<    >
Blogger arashi said...
Thanks for this how-to. I had a lot of fun this afternoon adding bookmarking buttons to my footer on what would've otherwise been a boring Easter Sunday. And I learnt something new too!

<    >
Anonymous Anonymous said...
Do you have to change all the ampersands to be encoded? i.e. & a m p ; (without the spaces)?

<    >
Blogger John said...
I don't think so! I did that, I think, so that the code would show on my blog, but you ought to be able to cut & paste away to add these. Check out 3spots' list of 87+ services too, before you settle on these 6,....

<    >
Anonymous Anonymous said...
And what is the for ?
- William :)

<    >
Hey, thanks! Thanks for leaving this posting up and not having a broken link. I've had such a hard time trying to find Digg code that would work with OLD Blogger and you've got it and others all in one handy post, and it works. Wicked. Thanks for helping me finally get that shit done with. Whew. One more thing off the to-do list.

Links to this post:

Create a Link

eXTReMe Tracker