How To: Add Social Bookmark links To Your Blogger Post

socialbookmark


Why it’s essential to add Social Bookmark links?
Those are the little icons that lead you to popular social bookmarking sites, where your readers could give you credits by bookmarking them, or introducing them to the rest of the world. Bloggers are constantly hoping for more recognitions and subscribers. By having the bookmarking links near at hand, it’s more likely for your readers to ‘digg’ or ‘stumbleupon’ your post comparing to those who’s not. Why? One reason — Convenience!

I don’t know how!

I had a long search on the web, without knowing the info was right in front of me all these times. Thanks to Rose from bloggertalk, I found an informative page regarding the social bookmarking link add-ons, amended by crankedmen while the idea originated by Amanda Fazani.

Here’s How:

1. (log on to blogger) Layout > Edit HTML
2. Tick the ‘Expand Widget Template’ checkbox.
3. Search for the text:
<p><data:post.body

(this could only be seen if step 2 is carried out correctly)

4. When you found it, copy & paste the codes below after it:


For Stumbleupon:

<a expr:href=’&quot;http://www.stumbleupon.com/submit.php?url=&quot;
+ data:post.url + &quot;&amp;title=&quot; +
data:post.title’ style=’background: url(
http://www.stumbleupon.com/images/stumble.png)
left no-repeat; padding-left: 20px;’ target=’_blank’>Stumble This</a>

For Digg:

<a expr:href=’&quot;http://digg.com/submit?phase=2&amp;url=&quot;
+ data:post.url + &quot;&amp;title=&quot; +
data:post.title’ style=’background: url(
http://digg.com/img/badges/16×16-digg-guy.gif)
left no-repeat; padding-left: 20px;’ target=’_blank’>Digg It!</a>

For Del.icio.us:

<a expr:href=’&quot;http://del.icio.us/post?url=&quot; +
data:post.url + &quot;&amp;title=&quot; +
data:post.title’ style=’background: url(
http://images.del.icio.us/static/img/delicious.small.gif)
left no-repeat; padding-left: 20px;’ target=’_blank’>Add to del.icio.us</a>

After you’re done, preview them to see whether they are well fixed underneath your post. It’s that simple!


That’s it? How about other Social Bookmarks??

I found quite a lot of them here, like Facebook, Google Bookmarks, Furl, Reddit etc. As for others, you may need to do a little digging on web to source them out yourself. Or you could drop me a message and I’ll see what I can do.

No shortcuts??

Ok, it’s troublesome and you do not wish to mess up your HTML codes. In that case, I have something else for ya:

1-Social Marker

A convenient way to submit your article to multiple social bookmarking sites in the matter of seconds/minutes (depending how many sites you’ve selected)! Just have your URL, descriptions & tags written earlier, click ‘submit’, then the page will generate on its own to direct you to the sites pre-selected. Copy and paste the required info, once done, click ‘next’ on top of the header, you’ll be off to the next site for submission.

socialselection 2

Although I do sometimes worry about the submission being treated as among the SPAMS or being flagged due to certain reasons. Therefore it’s just an occassional usage for me.

2-Add This

add-this

addthis 2

A lifesaver out of the copy & paste marathon! Simply register yourself, then log in to get your button code. It could be either for your blog, or your blog post. If for the latter, simply copying the ‘AddThis’ button code and follow the sequence once you’ve log in to Blogger. Go to :

Template> Edit HTML> check the Expand Widget Template> locate and paste the codes right after

<div class=’post-footer’>

Save Template.

add-this-1

There it is! Click and go to the social bookmark site desired!

Problems?
At times, you might encounter some problem after pasting the codes, and blogger would give you a report number of some sort; try it again later or the next day. It just may fix in properly.


So which one works best for you?

Please Retweet if You Find This Post Useful,thanks!

Copyright © 2009 by Wong Ching Ya, All Rights Reserved, “How To: Add Social Bookmark links To Your Blogger Post


6 Comments

Add a Comment

Your email address will not be published. Required fields are marked *