May 16 2005

bookmark this

I’ve added a little bit of code to add a "Bookmark This" link on every post, next to the Comments link, which allows you to kick the user over to to the del.icio.us posting page. There are two pieces to this little hack.

First, you can link to http://del.icio.us/post with a GET argument of "url" containing the URL-encoded URL, and you can supply a title in the "title" field, similarly URL-encoded. This effectively lets you put something equivalent to del.icio.us’s "copy this" link somewhere offsite. The final URL should thus look like: http://del.icio.us/post?url=THEURL&title=THETITLE

Second, a bit of TypePad/MT hackery: In the appropriate place (I added it right after </MTIfAllowComments>) add the following to your Main Index and Individual Archive templates:

| <a href="http://del.icio.us/post?url=<$MTEntryPermalink$>&title=<$MTEntryTitle encode_url="1"$>">Bookmark This</a>

Joshua Schachter · joshua Tags: tips-and-tricks Bookmark this

72 Comments

  • Merlin  |  May 17 2005 at 10:34 am

    Nice work, J.

    Would it be presumptuous to also want the ability to populate a suggested tag or two?

    `&tags=foo+bar+bat`

    I can see how that could be tacky. Just an idea.

  • kdlb-links&hellip  |  May 17 2005 at 12:19 pm

    links for 2005-05-17

    mezzoblue  §Â  Columns & Grids Very interesting analysis of various columns on websites. via ProNet (tags: css webdesign weblogs…

  • Jim MacLennan  |  May 17 2005 at 10:20 pm

    For Blogger users …

    replace $MTEntryPermalink$ with $BlogItemPermalinkUrl$

    and $MTEntryTitle encode_url=”1″$ with $BlogItemTitle$

    works for me!!

  • joshua  |  May 17 2005 at 11:11 pm

    I’m not sure I want to populate the suggested tags; I think it’ll cause people not to use their own tags on that stuff at all.

  • joshua  |  May 17 2005 at 11:18 pm

    Jim, I don’t think that BlogItemTitle be properly encoded? It’ll break if there’s a doublequote or an ampersand. Anyone know how to fix this?

  • Looking Out&hellip  |  May 18 2005 at 2:19 am

    links for 2005-05-18

    del.icio.us: bookmark this This is good. Sometime when I get around to play with MT again (tags: blog movabletype delicious)…

  • dave  |  May 18 2005 at 9:45 am

    So how would one encode a title with ampersands and double quotes in PHP? I am trying urlencode and htmlspecialchars but I cant get a string across to delicious…I need the php equivalent of javascript’s encodeURIComponent.

  • erik  |  May 18 2005 at 6:27 pm

    For Wordpress users…

    replace $MTEntryPermalink$ with ?php the_permalink() ?

    and $MTEntryTitle encode_url=”1″$ with ?php the_title(); ?

  • Anil  |  May 18 2005 at 11:55 pm

    My blog already have it. I have used popup post to delicious using javascript. It is better than normal posting…

    I immediately wrote a post on this. See

    http://anildigital.blogspot.com/2005/05/bookmark-your-posts-on-delicious.html

    I tried to add code to this comment but delicious blog do not accept html code in comments.

  • dave  |  May 19 2005 at 11:11 pm

    hi,

    I made a plugin for textpattern users to add these del.icio.us links to articles.

    http://anchorchaos.blogspot.com/2005/05/delicious-tag-this-for-textpattern.html

  • BillSaysThis  |  May 20 2005 at 1:18 am

    The Blogger version almost works for me. Seems to be breaking because my permalinks have in-page anchors (not sure of the correct name, but I mean the part after the # sign):

    http://www.billsaysthis.com/blog/2005_05_15_blog_archive.phtml#111656438160522668

    Any ideas on how to fix or workaround this?

    Thanks!

  • Jarrod  |  May 21 2005 at 7:03 pm

    I like this idea, but for non-del.icio.us users this is simply non-relevant page clutter. Detecting the presence of a del.icio.us cookie on a visitor’s machine and serving up a link only if the visitor is a del.icio.us user makes more sense, IMO.

  • Jarrod  |  May 21 2005 at 7:58 pm

    On second thought… determining the presence of a cookie set by the domain http://del.icio.us via a second domain (the blog’s) might not even possible, right? (Any simple suggestions as to how one website might determine if a visitor is a member of an unrelated 3rd party?)

  • dave  |  May 22 2005 at 10:32 am

    I see your point Jarrod, but if the visitor does not already have an account at del.icio.us then it’s a good way of existing users spreading the word (for the rest of the netspace who live under rocks :) ). A non-cookie holder is presented with a sign up/login page and they always have their “back” button.

  • Emergence Marketing&hellip  |  May 22 2005 at 4:27 pm

    More tagging

    I just ran across this piece of code to let you add a “bookmark this” link at the bottom of your post. When a reader clicks that link it posts that posting to del.icio.us. You do need an account to…

  • envee  |  May 22 2005 at 9:45 pm

    I hope you realize that cross site cookies either don’t work (browser setting, cookie scope) or if they do, they are a gross violation of any semblance of privacy. In other words, it’s no other site’s business to find out if I’m part of del.icio.us or any other club, site or organization.

  • Many-to-Many&hellip  |  May 23 2005 at 1:46 am

    Tag This?

    Feedster is introducing a Tag This widget that blog authors can include in their posts for readers to anonymously tag posts. A volunteer manual way of building a database. After you enter a tag, you get to see the list…

  • Radio Free Blogistan&hellip  |  May 23 2005 at 3:10 am

    “bookmark this” hack for del.ici.ous

    Quoting from bookmark this: I’ve added a little bit of code to add a “Bookmark This” link on every post, next to the Comments link, which allows you to kick the user over to to the del.icio.us posting page. There are two pieces to this little hack. Fir…

  • ArchEnemy  |  May 23 2005 at 9:44 am

    i’m stuck with the problem stated by BillSaysThis. The #anchor in the url to bookmark seems to break the querystring, and as far as i know, there is no html entity for # :(

    is there anything we can do??

  • toxi  |  May 24 2005 at 3:15 pm

    FWIW i’m using Blogger myself and the permalinks it generates do not have an #anchor at all. though, my problem was to URLencode the 2 parameters (url+title), so i’m using a tiny javascript to do that for me. works just fine, at least if you don’t have any single quotes in the title of your post…

  • Dewayne Mikkelson and Sha&hellip  |  May 26 2005 at 8:54 am

    Cool Typepad to del.icio.us hack

    Link: del.icio.us: tips and tricks.

  • Jarrod  |  May 26 2005 at 5:23 pm

    envee: you are completely right, I realize that now. I like the idea of having people customize the content they see on any given page, but it completely should be on their own terms. But it doesn’t matter, simply because cross-site cookies simply won’t work.

  • BillSaysThis  |  May 26 2005 at 7:18 pm

    @Toxi: The difference is you’re (most likely) using single post per page archives while ArchEnemy (who’s not my enemy at all!) and I have weekly (or monthly) archives. With nearly 4,000 entries in my blog after 4+ years of this, I don’t think I’ll be changing to them, if anything I’m thinking of going the other direction to monthlies.

  • realgeek&hellip  |  May 30 2005 at 4:02 pm

    A Better Bookmark This

    del.icio.us blog: You can link to http://del.icio.us/post with a GET argument of “url” containing the URL-encoded URL, and you …

  • ProNet&hellip  |  Jun 1 2005 at 4:27 pm

    Add del.icio.us links to your posts

    The del.icio.us team has just started a TypePad-powered blog talking about the popular service. One of the first tips, posted by Joshua Schachter, are some simple but powerful instructions for adding a "bookmark this" link to your post footer…

  • einfach-persoenlich&hellip  |  Jun 1 2005 at 6:20 pm

    del.icio.us-Weblog mit del.icio.us-Bookmark-Tipp

    Social del.icio.us-Bookmarks werden immer beliebter. Uns so ist es nicht verwunderlich, dass es nun auch ein del.icio.us-Weblog auf Typepad-Basis gibt. Einer der ersten Beiträge zeigt, wie bequem man aus dem Weblog einen del.icio.us-Bookmark sein…

  • Yesterday's Thoughts&hellip  |  Jun 2 2005 at 1:48 am

    New del.icio.us Bookmark Links

    The observant among you will notice a new link down there below the post. Under the line where it has my name, the permalink (disguised as the time of…

  • BillSaysThis  |  Jun 2 2005 at 2:42 pm

    Joshua, have you been able to figure out the Blogger multiple entries per archive page issue yet?

    Thanks.

  • mark ranford  |  Jun 3 2005 at 10:16 am

    Joshua, have you considered having an “anonymous” account, this would allow anyone without an account to tag a page and add to the collective swell without having to own an account.

  • Quick Online Tips  |  Jun 5 2005 at 8:08 am

    You are now listed in the

    Absolutely Del.icio.us - Complete Tool Collection :

    http://pchere.blogspot.com/2005/02/absolutely-delicious-complete-tool.html

  • andrea  |  Jun 5 2005 at 6:26 pm

    Very nice work! Now that I have the option to let readers tag my post, is there a script that would allow me as well as readers to see the tags that are associated with each post? I know there is “del.icio.us linkbacks” I could use. But it would be really cool to have a link similar to a “Bookmark This” link that I can append at the end of a blog post.

  • elamb  |  Jun 13 2005 at 5:21 am

    Delicious blog!

    For blogware/blogharbor users… replace with ((permalink_url)) and with ((link))

  • elamb  |  Jun 16 2005 at 5:11 pm

    Correction to my last post the blogware/blogharbor variable is {{permalink_url}} and {{title}}.

    Here is a walkthrough on how to do it (also add digg, slashdot and technorati links):

    http://elamb.blogharbor.com/blog/_archives/2005/6/16/946671.html

  • bopuc/weblog&hellip  |  Jun 17 2005 at 4:33 pm

    Del.icio.us hash

    A month ago, joshua mentioned an easy breezy little addition one can do to one’s site to allow users to easily del.icio.us bookmark entries on one’s weblog. In some cases though, you might like an easy way to see how…

  • John  |  Jun 25 2005 at 2:42 pm

    Thanks for the tool!! I’m using del.icio.us to add categories to Freshblog, and this will make things much easier!!

  • ANgus  |  Jul 16 2005 at 1:55 am

    have a problem

    if the title is Chinese, will be error code??

  • Tom Evslin  |  Aug 1 2005 at 6:16 pm

    It may be that you captured an earlier version of TypePad standard templates when you changed yours to advanced.

    I found that I had to put your suggested code in new versions of entry-individual and entry-list template modules, then modify the Main Index Template, Category Archives, DateBased Archives, and Individual Archives to get them to include the new modules.

    Am I missing something.

  • Tom Evslin  |  Aug 1 2005 at 6:22 pm

    I like having this at the bottom of my posts so much that I really want to get it into my RSS and Atom feeds. However, this is proving hard with TypePad since the templates for the feeds get their interesting portions from $MT variables.

    Any good hack ideas?

    Thanks.

  • Tom Evslin  |  Aug 2 2005 at 2:24 pm

    With help from typepad, did figure out how to get this and other stuff into the bottom of my RSS feed. Take a look at feedburner or rss (but not atom) feeds for blog.tomevslin.com to see and exampke of this coming through a feed. Will post here when I blog how to do this.

  • Tom Evslin  |  Aug 3 2005 at 10:02 am

    Atom works now, too.

  • Rich Boakes  |  Aug 4 2005 at 12:01 pm

    I think adding the capability to suggest tags (using &tags=) would be useful insofar as things like wordpress categories could be used. It would surely be minimal to implement.

    For me, the key to something being used is how many clicks the user must make whilst as a rookie. Once they become familiar, more clicks and more typing (such as tag creation) are not perceived as invasive or confuing.

  • simplycute blog'd&hellip  |  Sep 1 2005 at 2:12 pm

    My MT updates…

    I am using del.icio.us [my del.icio.us] now. I got lots of awesome help and tips from Quick Online Tips. Also…

  • Sergey  |  Nov 16 2005 at 7:13 am

    Nice work! thanks! Ukranian blogers

  • tyrone  |  Jan 4 2006 at 1:19 pm

    It works!

    Of cause you know this but for me it’s a big deal.

    I feel like I’m getting somewhere.

  • Bugil  |  Jan 9 2006 at 7:58 am

    Excellent stuff! Thanks! :-)

  • gossipmomma.com  |  Jan 23 2006 at 7:33 pm

    Thanks, I’ll try it.

  • Doll  |  Feb 27 2006 at 2:33 am

    Great code. But since I use b2evolution I had to write the code a tad different to get it to work. :)

    Thanks!

  • Peenie Wallie&hellip  |  Apr 8 2006 at 1:36 pm

    Integrating Movable Type with Digg, Del.icio.us, Flickr, and Technorati

    I seriously that the rate of change is increasing exponentially. I spend as more time on a compuer than most people that I know. And then, I start getting emails to this new website “Digg”, and I have no clue…

  • Peenie Wallie&hellip  |  Apr 9 2006 at 4:51 am

    Integrating Movable Type with Del.icio.us, Technorati, Digg, Furl, and Reddit

    I seriously believe that the rate of change on the internet is increasing exponentially. I spend as more time on a computer than most people that I know. And then, I start getting emails to this new website “Digg”, and…

  • Blogula Rasa's Quick Link&hellip  |  Jul 27 2006 at 11:25 pm

    How To Add del.icio.us Links

    I might like to add this to to each blog post later.

  • kalu  |  Aug 2 2006 at 5:39 am

    Great stuff, very useful for me. Thanks!

  • christos nussli  |  Aug 6 2006 at 6:06 am

    Europe Photos presents more than 500 pictures of European and Mediterranean cities and landscapes.

  • Alternati  |  Aug 18 2006 at 8:05 am

    Is there already a good way to do this on blogger??

  • Sucker  |  Sep 15 2006 at 3:36 pm

    It’s funny I don’t find this stuff for months and months after I should have found it in the first place!

  • oli  |  Sep 21 2006 at 10:14 pm

    Is there already a good way to do this on blogger??

    http://hyip-man.blogspot.com

  • wireless internet  |  Sep 26 2006 at 3:49 pm

    i did it in blogger… see code at

    http://wireless-internet-coverage.blogspot.com

    thanks ANIL!!!

  • Pozycjonowanie  |  Oct 22 2006 at 7:42 am

    With help from typepad, did figure out how to get this and other stuff into the bottom of my RSS feed. Take a look at feedburner or rss (but not atom) feeds for blog.tomevslin.com to see and exampke of this coming through a feed. Will post here when I blog how to do this.

    http://www.profesjonalna-reklama.pl

  • mIeJscA  |  Nov 6 2006 at 4:07 am

    This way or the other cookies violate privacy so it’s good to remember that and just use it.

  • Meble wypoczynkowe  |  Nov 18 2006 at 6:27 am

    Im not sure is it a good idea to do this on blogger, cause people will not use their own tags on that stuff at all.

  • Webdesign Köln Group  |  Nov 30 2006 at 6:54 am

    Heh, ukrainian bloggers .) Great comments

  • lovely bionde azione  |  Dec 5 2006 at 1:39 pm

    azione

  • grazioso lesbiche strip  |  Dec 5 2006 at 1:41 pm

    grazioso

  • hotel tiziano milano  |  Dec 5 2006 at 1:42 pm

    milano

  • Bannerdesign  |  Dec 9 2006 at 6:12 am

    Is there already a good way to do this on blogger??

  • Onlineshops  |  Dec 14 2006 at 4:17 am

    Wow. Very impressive.

    Supreme concept of a personalized web portal.

    I look forward to using this as my browsers’ start page.

    Keep up the good work!

  • Brautkleider online  |  Jan 3 2007 at 8:42 am

    Hi, nice hack, I`m starting to work with del.icio.us just now, but I think this hack will work. I have to ask my administrator, but go on working in a way like this…

  • Tanie linie lotnicze  |  Jan 19 2007 at 7:18 am

    Fantastic article about bookmark in blog covering some points I really needed some good usability info for. The Joshua’s guide link in particular was especially useful.

    Best regards from Poland

  • J Doom - Small Business Web Development  |  Jan 22 2007 at 5:00 pm

    Ive been using Flickr and Del.icio.us API for awhile, but after starting a Small Business Website Development company you definitely come to enjoy coding against the APIs… nice post

  • meble  |  Feb 4 2007 at 7:05 am

    Joshua, have you been able to figure out the Blogger multiple entries per archive page issue yet?

    Thanks http://www.mebs.pl

  • 玩具  |  Feb 7 2007 at 12:01 am

    Nice work! thanks!

    Kevin

    http://www.toys8868.cn

  • Yannkes  |  Feb 7 2007 at 5:00 am

    great site…

    http://www.aerofun.gsi.pl

  • Aukcje  |  Feb 12 2007 at 6:29 am

    Fantastic article! Thanks and greetings from http://www.subasta.pl

Recent comments

Feeds

Who are we?

Posts by tag

Posts by month