Digital Citizen

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:

 

 

The problem I have encountered with many of these free services are that they don’t work in the free WordPress.com on which I and millions of other users, literally, are blogging. The reason why has to do with Javascript codes those services tend to use that do not work in WordPress.com. I’ll leave it at that because if you know the technical details of that, you aren’t likely needing to read this post.

Fortunately, the AddToAny service for social bookmarking has an option that doesn’t use Javascript. They provide those Share/Save buttons in blue above. I’m sure there are other similar services out there which offer codes not involving JavaScript, but I found this one to work very well, and best in this process. You can customize it as you like after you try it out and adjust it for your routines, learning style, etc. It’s not an automatic point and click, unfortunately, but it is routine wants you get the hang of it and might be worth it to you if you want to make it easier for others to share your posts.

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&amp;linkurl=http%3A%2F%2Fidigitalcitizen.wordpress.com%2F2009%2F03%2F01%2Fhow-to-get-social-bookmarking-for-wordpresscom%2F&#8221; target=”_blank”><img class=”alignnone” style=”border:0 none;” src=”
http://idigitalcitizen.files.wordpress.com/2009/02/sharesocialbookmark5.png
” border=”0″ alt=”Share/Save/Bookmark” /></a>

.