social bookmarks on wordpress.com

This is an addendum to raincoaster's operation global media domination. I never saw the value in these, since i already have my own del.icio.us button in my browser. but she says they drive 10% of her traffic, so I guess I'm not most people. Here are the icons for the various social bookmarking sites:

Blinkslist :: del.icio.us :: digg :: furl :: ma.gnolia :: newsvine :: reddit :: tailrank :: Simpy :: fark :: Stumble It! :: facebook icon

they're all hosted on wordpress.com, so you can use them 'as-is' if your blog is hosted on wordpress.com. if you're running wordpress on your own host, I highly recommend alex king's share this plugin, or the sociable plugin. (in fact, i grabbed the icons from these plugins). If you're not running wordpress, you must not be cool, and therefore, I cannot help you. ;)

First thing, you'll want to grab the code. it's in this text file:
Social Bookmarking Template

Next, publish your post. Then open up the template in a text editor (Notepad on windows, textedit on mac). You'll want to go to Edit > Replace (or Find and Replace), and replace any instances of xURIx with the address of your post (this is why you had to publish it first).

Find and Replace

Now do the same thing, and replace xTITLEx with the title of your post. You'll want to put + signs in place of spaces, though (e.g. social+bookmarks+on+wordpress.com) so that the links work. After that, select everything and copy it.

Now go back to your post and edit it. if you're using the rich text editor, you'll need to switch over to the (scary) code tab. paste all this at the end of your post.

55 Comments

  1. Posted 28 Nov 2006 at 12:07 |
    Permalink

    That makes total sense. Thank you, I’ll start doing it this way from tomorrow onward.

  2. Posted 28 Nov 2006 at 2:07 |
    Permalink

    That makes total sense. Thank you, I’ll start doing it this way from tomorrow onward.

  3. Posted 28 Nov 2006 at 5:38 |
    Permalink

    on the original post by I placed code that helps automate the process slightly using a bookmark, you may find it helps rather then find an replace process.
    http://raincoaster.com/2006/11/27/operation-glo
    and if you want to know what it looks like in action scroll down to the bottom
    http://ventureskills.wordpress.com/2006/11/24/f
    By the way the Like what you see links are generated the same way, but using a php script on my computer to create random links.

  4. Posted 28 Nov 2006 at 5:42 |
    Permalink

    doh hit enter by mistake…
    To add to the above, I do see slight traffic increase with the buttons though it is very slight, however the Like what you see and other article links seem to work very well to keep people on the Blog rather then bouncing.

  5. Posted 28 Nov 2006 at 7:38 |
    Permalink

    on the original post by I placed code that helps automate the process slightly using a bookmark, you may find it helps rather then find an replace process.
    http://raincoaster.com/2006/11/27/operation-global-media-domination-social-bookmarks#comment-27937
    and if you want to know what it looks like in action scroll down to the bottom
    http://ventureskills.wordpress.com/2006/11/24/friday-roundup-bug-hunting-ajax-and-gender-checking/
    By the way the Like what you see links are generated the same way, but using a php script on my computer to create random links.

  6. Posted 28 Nov 2006 at 7:42 |
    Permalink

    doh hit enter by mistake…
    To add to the above, I do see slight traffic increase with the buttons though it is very slight, however the Like what you see and other article links seem to work very well to keep people on the Blog rather then bouncing.

  7. Posted 28 Nov 2006 at 8:38 |
    Permalink

    that’s definately a more automatic way of doing it. of course, it’s nearly impossible to explain here, because you can’t just post the bookmarklet.

    however, there are tons of bookmarklet tutorials, because they’re not specific to wordpress.com. i’m not sure why, but bookmarklets seem to be a geek level above copying/pasting. as a level 7 geek, i find that strange, but i can vaguely remember being scared by the things.

  8. Posted 28 Nov 2006 at 10:38 |
    Permalink

    that’s definately a more automatic way of doing it. of course, it’s nearly impossible to explain here, because you can’t just post the bookmarklet.

    however, there are tons of bookmarklet tutorials, because they’re not specific to wordpress.com. i’m not sure why, but bookmarklets seem to be a geek level above copying/pasting. as a level 7 geek, i find that strange, but i can vaguely remember being scared by the things.

  9. Posted 12 Feb 2007 at 4:14 |
    Permalink

    Okay, after saying ages ago I would use this, I’ve finally gotten around to saving the template in a proper format for me. My copy of Notepad won’t do Replace.

  10. Posted 12 Feb 2007 at 6:14 |
    Permalink

    Okay, after saying ages ago I would use this, I’ve finally gotten around to saving the template in a proper format for me. My copy of Notepad won’t do Replace.

  11. Posted 12 Feb 2007 at 9:48 |
    Permalink

    that’s totally weird, i didn’t know that was possible. you could also use notepad plus, which also highlights the html.

  12. Posted 12 Feb 2007 at 11:48 |
    Permalink

    that’s totally weird, i didn’t know that was possible. you could also use notepad plus, which also highlights the html.

  13. Posted 13 Feb 2007 at 4:13 |
    Permalink

    Works like a dream, and brought me about 100 extra readers since I started using your graphic buttons yesterday. Definitely worth it, thanks so much!

  14. Posted 13 Feb 2007 at 6:13 |
    Permalink

    Works like a dream, and brought me about 100 extra readers since I started using your graphic buttons yesterday. Definitely worth it, thanks so much!

  15. Posted 13 Feb 2007 at 6:22 |
    Permalink

    well, considering that the only one to ever bring me that many hits has been stumbelupon, and that only happened once, i think you’re going to have to take more credit for your own popularity ;)

  16. Posted 13 Feb 2007 at 8:22 |
    Permalink

    well, considering that the only one to ever bring me that many hits has been stumbelupon, and that only happened once, i think you’re going to have to take more credit for your own popularity ;)

  17. Posted 15 Mar 2007 at 9:57 |
    Permalink

    I have created a very simple autohotkey script using this template (THANKS) at
    http://mamado.wordpress.com/2007/03/15/adding-s

  18. Posted 15 Mar 2007 at 10:57 |
    Permalink

    I have created a very simple autohotkey script using this template (THANKS) at
    http://mamado.wordpress.com/2007/03/15/adding-social-networks-buttons-to-wordpresscom-posts/

  19. avatar
    Dan
    Posted 23 Apr 2007 at 10:23 |
    Permalink

    http://socialposter.com – social bookmarking services and community websites submitter

  20. avatar
    Dan
    Posted 23 Apr 2007 at 11:23 |
    Permalink

    http://socialposter.com – social bookmarking services and community websites submitter

  21. Posted 24 Apr 2007 at 5:43 |
    Permalink

    thanks, dan and mamado. that seems pretty easily usable to me, although with all bookmarklets, i’m a little too tech-savvy to be a good example.

  22. Posted 24 Apr 2007 at 6:43 |
    Permalink

    thanks, dan and mamado. that seems pretty easily usable to me, although with all bookmarklets, i’m a little too tech-savvy to be a good example.

  23. Posted 6 Aug 2007 at 12:59 |
    Permalink

    Thanks for this. It worked a treat.

  24. Posted 6 Aug 2007 at 1:59 |
    Permalink

    Thanks for this. It worked a treat.

  25. Posted 31 Aug 2007 at 9:59 |
    Permalink

    You’re brilliant, Adam. Now that I’ve done the domain mapping, the next step will be self-hosting. I’d love to hire you to design my blog when the time comes. Thanks for sharing this!

    ella

  26. Posted 31 Aug 2007 at 10:59 |
    Permalink

    You’re brilliant, Adam. Now that I’ve done the domain mapping, the next step will be self-hosting. I’d love to hire you to design my blog when the time comes. Thanks for sharing this!

    ella

  27. Posted 1 Oct 2007 at 5:00 |
    Permalink

    thanks for the great tip! i have always been wondering how to add those pesky buttons for social bookmarking on my blog. cheers!

  28. Posted 1 Oct 2007 at 6:00 |
    Permalink

    thanks for the great tip! i have always been wondering how to add those pesky buttons for social bookmarking on my blog. cheers!

  29. avatar
    aman
    Posted 19 Nov 2007 at 9:22 |
    Permalink

    I didn’t understand this part of your post. Can you elaborate please?

    Then open up the template in a text editor (Notepad on windows, textedit on mac). You’ll want to go to Edit > Replace (or Find and Replace), and replace any instances of xURIx with the address of your post (this is why you had to publish it first).

    I am running my blog on wordpress.com and thus I dont know how I am suposed to open up my template and edit it. Please help.

  30. Posted 19 Nov 2007 at 9:35 |
    Permalink

    don’t open your template, open the “Social Bookmarking Template” i linked in the post.

  31. aman
    Posted 19 Nov 2007 at 11:22 |
    Permalink

    I didn’t understand this part of your post. Can you elaborate please?

    Then open up the template in a text editor (Notepad on windows, textedit on mac). You’ll want to go to Edit > Replace (or Find and Replace), and replace any instances of xURIx with the address of your post (this is why you had to publish it first).

    I am running my blog on wordpress.com and thus I dont know how I am suposed to open up my template and edit it. Please help.

  32. Posted 19 Nov 2007 at 11:35 |
    Permalink

    don’t open your template, open the “Social Bookmarking Template” i linked in the post.

  33. Posted 26 Nov 2007 at 8:43 |
    Permalink

    Awesomeness!

    I nearly went bonkers trying to figure out how to do all this, and here you have explained in nicely. Just brilliant…

  34. Posted 26 Nov 2007 at 10:43 |
    Permalink

    Awesomeness!

    I nearly went bonkers trying to figure out how to do all this, and here you have explained in nicely. Just brilliant…

  35. Posted 3 Dec 2007 at 4:56 |
    Permalink

    Hmm.. This looks simple enough, but I can’t seem to get it to work. I’ve tried twice and both times the buttons have displayed in two seperate lines with a line of code between the first button and the second. A bit of a mess, really. I must be doing something wrong…. Also I tried the auto “replace” in both Notepad and NoteTab Light and both of them claimed to find no such thing as xURIx .. So I just replaced all the code manually as instructed, but it didn’t work properly both times. Any ideas would be greatly appreciated.. :) Thanks…

  36. Posted 3 Dec 2007 at 6:56 |
    Permalink

    Hmm.. This looks simple enough, but I can’t seem to get it to work. I’ve tried twice and both times the buttons have displayed in two seperate lines with a line of code between the first button and the second. A bit of a mess, really. I must be doing something wrong…. Also I tried the auto “replace” in both Notepad and NoteTab Light and both of them claimed to find no such thing as xURIx .. So I just replaced all the code manually as instructed, but it didn’t work properly both times. Any ideas would be greatly appreciated.. :) Thanks…

  37. Posted 3 Dec 2007 at 8:32 |
    Permalink

    Vanessa – make sure you paste the code into the code tab of the editor.

    As far as the find and replace, I don’t know why you’re having trouble. make sure you don’t have any spaces after it? it’s easiest to just copy the first instance of xURIx to your find+replace dialog.

  38. Posted 3 Dec 2007 at 10:32 |
    Permalink

    Vanessa – make sure you paste the code into the code tab of the editor.

    As far as the find and replace, I don’t know why you’re having trouble. make sure you don’t have any spaces after it? it’s easiest to just copy the first instance of xURIx to your find+replace dialog.

  39. Posted 11 Dec 2007 at 10:45 |
    Permalink

    Seriously works like a dream (and easy enough even for me). Thank you!

  40. Posted 12 Dec 2007 at 12:45 |
    Permalink

    Seriously works like a dream (and easy enough even for me). Thank you!

  41. avatar
    KUT
    Posted 20 Dec 2007 at 7:35 |
    Permalink

    Dude. you just saved me hours of headache and frustration. Thank you.

  42. KUT
    Posted 20 Dec 2007 at 9:35 |
    Permalink

    Dude. you just saved me hours of headache and frustration. Thank you.

  43. Posted 4 Jan 2008 at 11:03 |
    Permalink

    Hey man used the codes you have on here and created them using the target=”_blank” command…have a look they open in a new window and after bookmarking the blog the new window closes :mrgreen: You saved me loads of headache by getting those codes…Kudos. Social Bookmarking for WordPress in a new window

  44. Posted 5 Jan 2008 at 1:03 |
    Permalink

    Hey man used the codes you have on here and created them using the target=”_blank” command…have a look they open in a new window and after bookmarking the blog the new window closes :mrgreen: You saved me loads of headache by getting those codes…Kudos. Social Bookmarking for WordPress in a new window

  45. Posted 27 Jan 2008 at 4:18 |
    Permalink

    Hi, I was interested to see that the code produced different results on my two blogs – must be the theme
    See here:
    http://passingenglish.wordpress.com/2008/01/27/
    And here:
    http://paintingsbygina.wordpress.com/2008/01/23

    One got icons, one got words. Also the first time I pressed save on the Paintings blog it didn’t work, it just published the code. I did it again and all was well. Hope this helps someone else

  46. Posted 27 Jan 2008 at 6:18 |
    Permalink

    Hi, I was interested to see that the code produced different results on my two blogs – must be the theme
    See here:
    http://passingenglish.wordpress.com/2008/01/27/the-worlds-dictionary/
    And here:
    http://paintingsbygina.wordpress.com/2008/01/23/portrait-of-two-teds/

    One got icons, one got words. Also the first time I pressed save on the Paintings blog it didn’t work, it just published the code. I did it again and all was well. Hope this helps someone else

  47. Posted 28 Jan 2008 at 11:53 |
    Permalink

    Gina – I would try redoing the “portraits of ted” one. if you look at the image locations, they’re pretty messed up.

  48. Posted 28 Jan 2008 at 1:53 |
    Permalink

    Gina – I would try redoing the “portraits of ted” one. if you look at the image locations, they’re pretty messed up.

  49. Posted 6 Feb 2008 at 12:08 |
    Permalink

    Thanks Adam…I nearly freaked when I saw your post – in my sleepy state I thought you meant the image in the post (Hexcuse ME!!! – I just have redone that drawing thanks! LOL) Was just popping back in to say that the system has been working fine for me since that first attempt, yes I will re-do it (when I get back from a trip). Best wishes. It’s very nice that you offer this help.

  50. Posted 6 Feb 2008 at 2:08 |
    Permalink

    Thanks Adam…I nearly freaked when I saw your post – in my sleepy state I thought you meant the image in the post (Hexcuse ME!!! – I just have redone that drawing thanks! LOL) Was just popping back in to say that the system has been working fine for me since that first attempt, yes I will re-do it (when I get back from a trip). Best wishes. It’s very nice that you offer this help.

  51. Adam
    Posted 10 Feb 2008 at 11:43 |
    Permalink

    Hey, thanks for the help. Any way you can update the code to add a button for Facebook as well? Thanks

  52. Posted 10 Feb 2008 at 2:16 |
    Permalink

    in general, i’m not maintaining this, since i don’t recommend blogging on wordpress.com at all. but facebook is new since i posted this, and relatively valuable. so it’s been added to the template.

  53. Adam
    Posted 11 Feb 2008 at 1:50 |
    Permalink

    Thanks a ton for the update!

  54. Posted 20 Feb 2008 at 6:12 |
    Permalink

    Although I don’t think of myself as an idiot, clearly when it comes to this stuff — I’m an idiot. I have tried and tried to make this work, but still no luck. What’s most discouraging is reading the comments of others saying how easy it is, “thank you!”… I would LOVE to be one of those people but it’s just not in the cards right now.

  55. Posted 22 Feb 2008 at 10:17 |
    Permalink

    there’s currently an overwhelming battery of spam being directed at this post, so I’m temporarily closing comments. please contact me with any comments.

18 Trackbacks/Pingbacks

  1. Adding Social networks buttons to wordpress.com posts « Mamado Inside

    [...] found an ecellent post about this at sunburntkamel as I am very lazy (as most software developers) I have created a simple autohotkey script to do it [...]

  2. Social Bookmarks on Wordpress.com « Mr&Mrs.ijunky

    [...] at ArchGFX there is a great article detailing how to add social bookmarking to each post. The template he [...]

  3. This is a test…[edited] « Feasting On Fiction

    [...] I found a fantastic blog entry explaining a way to add all of these at the end of each post.   Yes.  Having to add this code at [...]

  4. How to add social network bookmarks to every post in worpdress.com blogs « My time-waste projects with Unix-Linux-Windows-My LIfe

    [...] : http://archgfx.net/blog/2006/geek/blogging/social-bookmarks-on-wordpresscom Copy and paste following code to your [...]

  5. Social Bookmarks « Scriber Rescribus

    [...] http://archgfx.net/blog/2006/geek/blogging/social-bookmarks-on-wordpresscom and save the text file listed in the post. [...]

  6. How to Add Social Bookmarks on wordpress.com « Corp. Hacks - Get What You Want For Cheap

    [...] a less attractive work around with my favorite algorithmic search engine, Google. And I came across this beautify crafted tutorial found on [...]

  7. Trying out social bookmarking « Graduated Learning: Life after College

    [...] try it out to see how it works.  I went through the wordpress.com FAQ page and found a site that instructs how to manually add the assorted bookmarking links if you are hosted at wordpress.com (and how to have it add automatically if you host your own [...]

  8. Social networking bookmarks added! « Inkless

    [...] I added all these nifty button to the end of each (new) post. This is all thanks to Adam over at archGFX with a nice tutorial linked from the wordpress [...]

  9. WordPress.com: How to use available resources « one cool site: wordpress blogging tips

    [...] Forum searchbox – type in “social network buttons” – results http://archgfx.net/blog/2006/geek/blogging/social-bookmarks-on-wordpresscom [...]

  10. Testando as possibilidades das redes sociais « antimatéria

    [...] social bookmarks on wordpress.com [...]

  11. Sosiale bokmerker i Wordpress.com blogg « GisleBerg.co.nr

    [...] Og resultatet:blir seende slikt ut. Nå kan du f.eks. trykke på facebook ikonet for og poste denne bloggen til din facebook profil. Denne metoden fant jeg på denne engelske bloggen. [...]

  12. Social bookmarks on hosted wordpress « OSBlues

    [...] achieve this (on hosted worpress rather than self-hosted) and came across a pretty nifty solution here. This involves keeping a template file and fiddling about doing a search and replace in a text [...]

  13. How To Use Get Social For WordPress.com « Teck~Line

    [...] threads in the forum were the volunteers are still offering the old answer were you can copy this code that this other blogger made and modify it your self with the correct title and URL… And if [...]

  14. Social Bookmarking for the WordPress.com Masses « The WYSIWYG* Blog

    [...] will turn up no small number of discussions. The two most popular of these alternatives is one by Sunburnt Kamel and Netty Gritty. All the alternatives seem to be fairly labor-intensive and, as mentioned above, [...]

  15. Embed the following texts into your post … « ssdd

    [...] http://archgfx.net/blog/2006/geek/blogging/social-bookmarks-on-wordpresscom [...]

  16. social networking « vividity

    [...] you want to know what I did, follow the instructions in this post from archgfx, another wordpress [...]

  17. Social Bookmarks for WordPress.com Blogs « onecoolsitebloggingtips.com

    [...] The code for this set of social bookmarks created for use on wordpress.com blogs can be obtained from archfx [...]

  18. How to have Any Social Bookmarking for wordpress.com blogs « Netty Gritty

    [...] Thanks to Adam. The replace technique described in this tutorial was originally used by him to create social bookmarks on wordpress.com. Thanks to Addtoany. I have gathered the basic codes from them. Just a suggestion You might want [...]