UPDATE ON OCT 23, THIS POST IS NOW SEVERELY DATED!
WordPress has since made social bookmarking a setting on your blog. However, services like Add to Any still has a purpose in that you have access to a LOT more services than the default WordPress provides, and that you can put it anywhere in your post and not just at the very end, where people might forget about it for one reason or another (like galleries). That said, WordPress does cover most of the major sharing services relevant to North America, at least.
Add to Any has upgraded this procedure to an easy one-click move using your browser to let you do this! BRAVO!!!
Social bookmarking is a method for Internet users to very easily share, store, organize, search and manage bookmarks of web pages via icons that do those tasks within a click or two. As you’ve surfed the web, you have probably come across icons similar to one of these below:
You have to do this for every post, though, and not just put it in the sidebar in a Text widget.
If you know of an easier option, or have feedback on the instructions, please do share!
But until we find something easier, let’s get it on!
Before you do anything in this routine, click on this link, AddToAny, and bookmark it. You will need it each time you do this so it will be a valuable bookmark.
1. Publish your post without the social bookmarking icon (window #1).
- In the few minutes it’ll take you to do this in a more efficient way than including the codes before publishing, you’re not likely to find someone desperately wanting to social bookmark your post… no offense intended. 🙂
2. View your post (not blog) in a different tab or window (#2).
- Ctrl+click on your blog title while still in your Edit Post mode.
- Click on the title of the latest post so its URL is in your address bar, not just your blog URL.
3. Open another tab or window and click on your AddToAny bookmark (#3).
- Play around with the Button choices (second choice in the graphic below), if you prefer the buttons to look one way or another but that’s your business. I’m leaving the default to save extra steps.
4. From Window #2 with your blog post, copy and paste the title and URL, one at a time, into the Page name and Page url fields, respectively, above.
- You will be much more efficient at this if you learn to use Ctrl+C for Copy and Ctrl+V for Paste.
- If you have mapped your domain, using your original WordPress.com domain is “better”. I won’t write out how but you can test it if you like. Your mapped domain still works, so it’s not necessary. It’s a slight extra annoyance, but becomes routine quickly, and is definitely worth the extra little typing hassle to me!
5. Click More Options beside the Get Button Code button, and click the No script (no drop-down menu) option.
6. Click the Get Button Code button to reveal codes below it.
7. Click in the box and copy the code.
- All the text inside the box is highlighted the moment you click inside so all you have to do is copy it, either by the Edit menu command or Ctrl+C.
8. Go back to Window #1 where your post was made and click on the HTML editing tab (circled in red below).
- This can be a scary experience for anybody who is allergic to computer code or has codephobia, but trust me, it’s completely safe!
9. Scroll down to the very bottom of the codes, click at the very end.
- Hit Enter twice and Paste, or Ctrl+V.
- Your codes should appear as you need them.
10. Click the blue Update Post button near upper right of your WordPress.com Edit Post page the way you would normally update or save a post.
- Click back on the Visual tab of your editing procedure.
- You should get something that looks like the icon below if you had not switched button style in Step 3.
11. Optional: view your post and test out the button by clicking on it and following through with choices.
- I personally just test it on Facebook. You can follow through to make sure it works without actually taking the last step to post it so as not to drive all your Facebook friends crazy with your blog posts all the time.
- You will have to find some social media platform that works for you to test, but if you don’t test it and it doesn’t work, someone using it will probably tell you about it. That’s what’s great about the blogosphere and Web 2.0. You just hope they do it nicely.
If you’re a little more comfortable with HTML codes, I have included what I have done to create my social bookmarking icon bar below. The graphic I created myself, and the URL for it is in the codes in red. However, you will have to figure out yourself how to efficiently put in codes like that because it’d be twice as long a post to explain! It’s not rocket science or anything. Just needs a little more patience. 🙂
<a href=”http://www.addtoany.com/share_save?linkname=How%20to%20Get%20Social%20Bookmarking%20for%20Wordpress.com&linkurl=http%3A%2F%2Fidigitalcitizen.wordpress.com%2F2009%2F03%2F01%2Fhow-to-get-social-bookmarking-for-wordpresscom%2F” target=”_blank”><img class=”alignnone” style=”border:0 none;” src=”https://idigitalcitizen.files.wordpress.com/2009/02/sharesocialbookmark5.png” border=”0″ alt=”Share/Save/Bookmark” /></a>