Need help? Check out our Support site, then


How to Add Social Bookmarks to your Post

  1. I have noticed a lot of questions on how to add social bookmarks to your post. I wanted to create a forum post that catalogs some solutions...so we can get them all in one place.

    For Windows users only, check out GetSocial. Teck has some great tutorials:

    http://teckline.wordpress.com/2008/07/19/how-to-use-get-social-for-wordpresscom/

    http://teckline.wordpress.com/2008/09/05/getsocial-video-tutorial/

  2. To add the AddThis! button, use this code:

    <a href="http://www.addthis.com/bookmark.php" title="Bookmark using any bookmark manager!" rel="nofollow" target="_blank"><img src="http://s7.addthis.com/static/btn/lg-addthis-en.gif" border="0" alt="Bookmark and Share" width="125" height="16" /></a>

    You can change what it says by changing title="Bookmark using any bookmark manager!" to something else such as title="Share this post!"

    You can change what the button says by using a different image code:

    http://s7.addthis.com/static/btn/lg-addthis-en.gif
    http://s7.addthis.com/static/btn/lg-share-en.gif
    http://s7.addthis.com/static/btn/lg-bookmark-en.gif

  3. To add Social Bookmark buttons:

    All you need to do is copy the code below into a text editor like NotePad or TextEdit.

    Simply "Find and Replace" xURIx with your post URI. You can find it in the address bar when you navigate to the post after you have poublished it. For instance, it may be something like http://example.wordpress.com/example-post/

    Next, "Find and Replace" xTITLEx with your post title.

    Open your post and paste the code wherever you want it. I usually put it at the bottom.

    Save the post.

    That should do it. Navigate to your post and check out out your beautiful new social bookmark buttons!

    There are some spaces in between the buttons. To separate your buttons with :: or - just do the following:

    Replace      with :: or or some other HTML code.

    Here is the Social Bookmark Code:

    <a href="http://del.icio.us/post?url=xURIx;title=xTITLEx" rel="nofollow" target="_blank"><img src="http://sunburntkamel.wordpress.com/files/2006/11/delicious.gif" alt="add to del.icio.us" title="Add to del.icio.us" /></a>    <a href="http://www.blinklist.com/index.php?Action=Blink/addblink.php&Description=&Url=xURIx;Title=xTITLEx" rel="nofollow" target="_blank"><img src="http://sunburntkamel.wordpress.com/files/2006/11/blinklist.gif" alt="add to blinkslist" title="Add to Blinkslist" /></a>    <a href="http://www.furl.net/storeIt.jsp?u=xURIx;t=xTITLEx" rel="nofollow" target="_blank"><img src="http://sunburntkamel.wordpress.com/files/2006/11/furl.gif" alt="add to furl" title="Add to furl" /></a>    <a href="http://digg.com/submit?phase=2&url=xURIx" rel="nofollow" target="_blank"><img src="http://sunburntkamel.wordpress.com/files/2006/11/digg.gif" alt="digg this" title="Digg This" /></a>    <a href="http://ma.gnolia.com/bookmarklet/add?url=xURIx;title=xTITLEx" rel="nofollow" target="_blank"><img src="http://sunburntkamel.wordpress.com/files/2006/11/magnolia.gif" alt="add to ma.gnolia" title="Add to ma.gnolia" /></a>    <a href="http://www.stumbleupon.com/submit?url=xURIx&title=xTITLEx" rel="nofollow" target="_blank"><img src="http://sunburntkamel.wordpress.com/files/2006/11/stumbleit.gif" alt="stumble it!" title="Stumble It!" /></a>    <a href="http://www.simpy.com/simpy/LinkAdd.do?url=xURIx;title=xTITLEx" rel="nofollow" target="_blank"><img src="http://sunburntkamel.wordpress.com/files/2006/11/simpy.png" alt="add to simpy" title="Add to simpy" /></a>    <a href="http://www.newsvine.com/_tools/seed&save?url=xURIx;title=xTITLEx" rel="nofollow" target="_blank"><img src="http://sunburntkamel.wordpress.com/files/2006/11/newsvine.gif" alt="seed the vine" title="Seed the Newsvine" /></a>    <a href="http://reddit.com/submit?url=xURIx;title=xTITLEx" rel="nofollow" target="_blank"><img src="http://sunburntkamel.wordpress.com/files/2006/11/reddit.gif" alt="add to reddit" title="Add to reddit" /></a>    <a href="http://cgi.fark.com/cgi/fark/edit.pl?new_url=xURIx;new_comment=xTITLEx" rel="nofollow" target="_blank"><img src="http://sunburntkamel.wordpress.com/files/2006/11/fark.png" alt="add to fark" title="Add to Fark" /></a>    <a href="http://tailrank.com/share/?text=&link_href=xURIx&title=xTITLEx" rel="nofollow" target="_blank"><img src="http://sunburntkamel.wordpress.com/files/2006/11/tailrank.gif" alt="tailrank this" title="Tailrank This" /></a>    <a href="http://www.facebook.com/sharer.php?u=xURIx&t=xTITLEx" rel="nofollow" target="_blank"><img src="http://sunburntkamel.files.wordpress.com/2008/02/facebookcom.gif" alt="post to facebook" title="Post to Facebook" /></a>

    This Social Bookmark code is from sunburntkamel:

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

    However, I would recommend using the code above instead of the one from sunburntkamel. I fixed some link errors in the code. Also, I added some "rel=nofollows" so that your Google Juice does not get wasted on Technorati, Reddit, Digg...etc.

    Have Fun Social Bookmarking!

  4. actualfactualfacts
    Member

    Hey, thanks for writing this! I can use this in future!

  5. Thanks for the compliment & also thanks for referring my tutorials :)

  6. No Prob!

  7. Here is a version of the Social Bookmarking Code without targetblanks, which means that all the button links will open in the same window.

    <a href="http://del.icio.us/post?url=xURIx;title=xTITLEx" rel="nofollow"><img src="http://sunburntkamel.wordpress.com/files/2006/11/delicious.gif" alt="add to del.icio.us" title="Add to del.icio.us" /></a>    <a href="http://www.blinklist.com/index.php?Action=Blink/addblink.php&Description=&Url=xURIx;Title=xTITLEx" rel="nofollow"><img src="http://sunburntkamel.wordpress.com/files/2006/11/blinklist.gif" alt="add to blinkslist" title="Add to Blinkslist" /></a>    <a href="http://www.furl.net/storeIt.jsp?u=xURIx;t=xTITLEx" rel="nofollow"><img src="http://sunburntkamel.wordpress.com/files/2006/11/furl.gif" alt="add to furl" title="Add to furl" /></a>    <a href="http://digg.com/submit?phase=2&url=xURIx" rel="nofollow"><img src="http://sunburntkamel.wordpress.com/files/2006/11/digg.gif" alt="digg this" title="Digg This" /></a>    <a href="http://ma.gnolia.com/bookmarklet/add?url=xURIx;title=xTITLEx" rel="nofollow"><img src="http://sunburntkamel.wordpress.com/files/2006/11/magnolia.gif" alt="add to ma.gnolia" title="Add to ma.gnolia" /></a>    <a href="http://www.stumbleupon.com/submit?url=xURIx&title=xTITLEx" rel="nofollow"><img src="http://sunburntkamel.wordpress.com/files/2006/11/stumbleit.gif" alt="stumble it!" title="Stumble It!" /></a>    <a href="http://www.simpy.com/simpy/LinkAdd.do?url=xURIx;title=xTITLEx" rel="nofollow"><img src="http://sunburntkamel.wordpress.com/files/2006/11/simpy.png" alt="add to simpy" title="Add to simpy" /></a>    <a href="http://www.newsvine.com/_tools/seed&save?url=xURIx;title=xTITLEx" rel="nofollow"><img src="http://sunburntkamel.wordpress.com/files/2006/11/newsvine.gif" alt="seed the vine" title="Seed the Newsvine" /></a>    <a href="http://reddit.com/submit?url=xURIx;title=xTITLEx" rel="nofollow"><img src="http://sunburntkamel.wordpress.com/files/2006/11/reddit.gif" alt="add to reddit" title="Add to reddit" /></a>    <a href="http://cgi.fark.com/cgi/fark/edit.pl?new_url=xURIx;new_comment=xTITLEx" rel="nofollow"><img src="http://sunburntkamel.wordpress.com/files/2006/11/fark.png" alt="add to fark" title="Add to Fark" /></a>    <a href="http://tailrank.com/share/?text=&link_href=xURIx&title=xTITLEx" rel="nofollow"><img src="http://sunburntkamel.wordpress.com/files/2006/11/tailrank.gif" alt="tailrank this" title="Tailrank This" /></a>    <a href="http://www.facebook.com/sharer.php?u=xURIx&t=xTITLEx" rel="nofollow"><img src="http://sunburntkamel.files.wordpress.com/2008/02/facebookcom.gif" alt="post to facebook" title="Post to Facebook" /></a>

  8. Thank you!

  9. pornstarbabylon
    Member

    I use http://www.addthis.com/ for both my Bookmark & Rss Feed buttons. I then save the code in notepad and cut and paste all my html code including those codes into every post. Complicating but it's second nature now and easy.

  10. I was wondering about that. It has to be added to each post?

  11. pornstarbabylon
    Member

    If you want them in each post, then yes. You can have them in a widget on your sidebar but I think the person has to be viewing the post as a permalink so it bookmarks and gets the Rss feed for that certain particular post. If it's not set to the permalink, then it just picks up the blog's main url link. But I have other code I add to each of my posts anyway. So I add those buttons in it also.

  12. Thank you. I just went to the addthis.com site and there is a banner saying they only support wordpress.org. I'm a .com.

  13. The GET SOCIAL download comes with Addthis, so I recommend getting the Get Social tool.

  14. even if you go to the addthis.com site, they still support .COM wordpress blogs so maybe you were looking at the wrong thing. But, still, get the GET SOCIAL TOOL

  15. Aw, can you give me a link for Get Social? Couldn't find it with Google. Thanks..

  16. Thank you!

  17. Sorry. I didn't make it clear.... I'm new and I'm on a Mac. I did, however, manage to use addsite. :-)

  18. your welcome, it brightens my day when I can help out.

  19. well....either way happy it worked out for you.

  20. arteest103: I was wondering about that. It has to be added to each post?

    Yes, you can add this code to each post: http://en.forums.wordpress.com/topic/how-to-add-social-bookmarks-to-your-post?replies=20#post-280387

    Just copy and paste into the HTML editor to create your addthis button.

  21. arteest103: Thank you. I just went to the addthis.com site and there is a banner saying they only support wordpress.org. I'm a .com.

    The above code is a custom HTML code that works great for WP.com sites.

  22. If you want a "Bookmark" addthis button in your sidebar that will bookmark your whole site, use the following code and paste it into a text widget:

    `<img src="http://s7.addthis.com/static/btn/lg-bookmark-en.gif" border="0" alt="Bookmark and Share" width="125" height="16" />

    Replace http://YOURBLOG.WORDPRESS.COM/ with your URI

    Replace YOUR%20BLOG%20TITLE with your blog title. Use %20 to denote spaces.

  23. Bummer. Here is the code that should be in the above post:

    <a href="http://www.addthis.com/bookmark.php?&url=http://YOURBLOG.WORDPRESS.COM/&title=YOUR%20BLOG%20TITLE" title="Bookmark using any bookmark manager!" rel="nofollow"><img src="http://s7.addthis.com/static/btn/lg-bookmark-en.gif" border="0" alt="Bookmark and Share" width="125" height="16" /></a>

  24. thanks a lot. i too followed the tutorial and added my favorite social sites. :)

    but the thing is that i need to find and replace for every post. can i get this done automatically?

    i use windows live writer for blogging

    - bala
    http://goopensource.wordpress.com - free and open source software blog for human beings
    http://beyondwork.wordpress.com - personal

  25. Hi there,

    I'm the creator of GetSocial, and I would like to tell you all about some additional advantages of using it (as opposed to using Notepad & Find/Replace and other stuff like that):

    1. It's blazing fast. You still need to add code to each new post but it’s literally a matter of seconds (3 mouse clicks and you're done!).

    2. You don't need to upload or make images – they all come from a special fileserver. (The images for the buttons are also mirrored so that many users can use them simultaneously without worrying about downtime)

    3. GetSocial will auto correct your input. It will add http:// when needed, and more importantly - insert special web characters (like %20 instead of " ", and many others) automatically.

    4. GetSocial will also automatically remove from your buttons undesired image borders and frames in some blog themes.

    5. In GetSocial you can choose between 4 types of social bookmarking buttons.

    Oh, and it's absolutely free!

    Read more about GetSocial:
    http://hillelstoler.com/2008/05/18/getsocial-social-bookmarking-for-wordpresscom

    Or visit the GetSocial file server:
    http://getsocialserver.wordpress.com

    Hillel :)

  26. Um...I always wanted to ask this. But is there another version of this coming out soon, with new designs? I think I already know the answer, but I still thought I would ask.

  27. @ aw1923....I hope so, cuz till then I steer clear of using it. Too labor-intensive and cumbersome.

  28. Hey really... i am very please to read all these post. but couldn't understand that how and where to paste all the html code as above..

    Please guide me...

    i am new on wordpress.com

    Gr8 Bloggerr (All my friends and surfers are invited to visit http://www.smsarea.wordpress.com )

  29. hillelstoler - Thanks for the rundown on your great program! Too bad I am using a Mac. I noticed that other Mac users have wanted something similar...is there a Mac version coming soon. Until there is, Mac and Linux bloggers have to use the copy/paste method for social bookmarks.

    bloggerrkumar - You simply need to paste the codes into the body of your post. Of course, you will want to customize them with your own URI and Post Title. Check out my site to see the codes in action. This version of the addthis code is for your sidebar only.

Topic Closed

This topic has been closed to new replies.

About this Topic