For WordPress Blogs

I have tried and tested several plugins like WP-Notable and “Share This“, but by far Sociable covers the largest number of social bookmarking sites and is the easiest to install. Hence if you’d notice, I’ve changed to this plugin.

Also notice that there is an outstanding role of buttons that does not seem to belong to the group under “Share and Enjoy”. Sociable produces “Share and Enjoy”. As bookmarking sites proliferate, I found myself adding more buttons manually. If there’s a little ‘techie-ness’ in you, you should be able to do this too once you understand the structure of the coding.

For your convenience I’ll just publish the codings for all the other bookmarking sites to date, starting with DropJack:

<a href="http://www.dropjack.com/submit.php?url=&lt;?php the_permalink(); ?&gt;&amp;title=&lt;?php the_title(); ?&gt;"><img src="http://www.dropjack.com/images/dj2.gif" alt="&lt;?php the_title(); ?&gt;" /></a>

<a href="http://www.backflip.com/add_page_pop.ihtml?opener=site&amp;url=&lt;?php the_permalink(); ?&gt;&amp;title=&lt;?php the_title(); ?&gt;"><img src="http://www.internetmasterycenter.com/blog/wp-content/plugins/sociable/images/backflip.gif" alt="&lt;?php the_title(); ?&gt;" /></a>

<a href="http://www.bibsonomy.org/ShowBookmarkEntry?url=&lt;?php the_permalink(); ?&gt;&amp;title=&lt;?php the_title(); ?&gt;"><img src="http://www.internetmasterycenter.com/blog/wp-content/plugins/sociable/images/bibsonomy.gif" alt="&lt;?php the_title(); ?&gt;" /></a>

<a href="http://de.lirio.us/bookmarks.php/webmastery?action=add&amp;address=&lt;?php the_permalink(); ?&gt;&amp;title=&lt;?php the_title(); ?&gt;"><img src="http://www.internetmasterycenter.com/blog/wp-content/plugins/sociable/images/delirious.png" alt="&lt;?php the_title(); ?&gt;" /></a>

<a href="#"><img src="http://www.diigo.com/images/ii_blue.gif" alt="diigo it" style="border: medium none" /></a>

<a href="http://faves.com/Authoring.aspx?u=&lt;?php the_permalink(); ?&gt;&amp;t=&lt;?php the_title(); ?&gt;" class="BlueDotPartner"><img src="http://faves.com/images/Faves-Icon_16x16.gif" style="border: medium none" /></a>

<a href="http://www.folkd.com/page/submit.html?url=&lt;?php the_permalink(); ?&gt;&amp;title=&lt;?php the_title(); ?&gt;"><img src="http://www.internetmasterycenter.com/blog/wp-content/plugins/sociable/images/folkd.gif" alt="&lt;?php the_title(); ?&gt;" /></a>

<a target="_blank" href="http://segnalo.com/post.html.php?url=&lt;?php the_permalink(); ?&gt;&amp;title=&lt;?php the_title(); ?&gt;"><img src="http://www.internetmasterycenter.com/blog/wp-content/plugins/sociable/images/segnalo.png" alt="&lt;?php the_title(); ?&gt;" /></a>

<a target="_blank" href="http://www.gifttagging.com/gift/add?url=&lt;?php the_permalink(); ?&gt;&amp;title=&lt;?php the_title(); ?&gt;"><img src="http://www.internetmasterycenter.com/blog/wp-content/plugins/sociable/images/gifttagging.png" alt="&lt;?php the_title(); ?&gt;" /></a>

I have no idea how your WP pages are formatted, but if you have a preferred position to place these buttons I trust that you’ll figure it out soon. Only 3 files from your WP template needs to be edited: index.php, archive.php and single.php. To give you a clue based on my own files:

1) index.php: the coding is placed between </div> and <p class="postmetadata">Posted in  |   </p>

2) archive.php: the coding is placed between </div> and '<p><strong>Pages:</strong> ', 'after' =&gt; '</p>', 'next_or_number' =&gt; 'number')); ?&gt;

3) single.php: the coding is placed between &lt;?php the_content('<p class="serif">Read the rest of this entry &raquo;</p>'); ?&gt; and '<p><strong>Pages:</strong> ', 'after' =&gt; '</p>', 'next_or_number' =&gt; 'number')); ?&gt;

Reload the files in the template directory. Hopefully it should work.

For Blogger Blogs

Check out YOUR self-development blog as an example. Remember to check the “Expand Widget Templates” box. Look for this paragraph of code:

<p class='post-footer-line post-footer-line-2'>
      <span class='post-labels'>

            <a rel='tag'></a><b>,</b>

Paste the following coding right after it:

<!--Bookmark: -->
<a><img alt='StumbleUpon'></a>

<a><img alt='DropJack!'></a>

<a title='DiggIt!'><img alt='DiggIt' border='0'></a>

<a title='Add to Del.icio.us'><img alt='Del.icio.us' border='0'></a>

<a title='Add to Furl'><img alt='Furl' border='0'></a>

<a title='Add to Simpy'><img alt='Simpy' border='0'></a>

<a title='Add to Spurl'><img alt='Spurl' border='0'></a>

<a title='Add to Yahoo web'><img alt='Yahoo' border='0'></a>

<a title='Add to Reddit'><img alt='Reddit' border='0'></a>

<a title='Add to Newsvine'><img alt='Newsvine' border='0'></a>

<a title='Add to Technorati'><img alt='Technorati' border='0'></a>

<a title='Add to Wists'><img alt='Wists' border='0'></a>

<a title='Add to Blinklist'><img alt='Blinklist' border='0'></a>

<a title='Add to Fark'><img alt='Fark' border='0'></a>

<a title='Add to Blogmarks'><img alt='Blogmarks' border='0'></a>

<a title='Add to Smarkings'><img alt='Smarkings' border='0'></a>

<a title='Add to Ma.gnolia'><img alt='Ma.gnolia' border='0'></a>

<a title='Add to Segnalo'><img alt='Segnalo' border='0'></a>

<a title='Add to Blinkbits'><img alt='Blinkbits' border='0'></a>

<a title='Add to Netvouz'><img alt='Netvouz' border='0'></a>

<a title='Add to Connotea'><img alt='Connotea' border='0'></a>

<a title='Add to Linkagogo'><img alt='Linkagogo' border='0'></a>

<a title='Google Bookmarks'><img alt='Google Bookmarks' border='0'></a>

<a title='Windows Live'><img alt='Windows Live' border='0'></a>

<a title='Mister Wong'><img alt='Mister Wong' border='0'></a>

<a title="Add to Facebook"><img src="http://www.internetmasterycenter.com/blog/wp-content/plugins/sociable/images/facebook.png"></a>

<a title='Sphinn'><img alt='Sphinn' border='0'></a>

<a title='Add to PlugIM'><img alt='PlugIM'></a>

<a title='Add to Propeller'><img alt='Propeller'></a>

<a title="Add to Backflip"><img src="http://www.internetmasterycenter.com/blog/wp-content/plugins/sociable/images/backflip.gif"></a>

<a title='Add to Bibsonomy'><img alt='Bibsonomy'></a>

<a title='Add to De.lirio.us'><img alt='De.lirio.us'></a>

<a title='Add to folkd'><img alt='folkd'></a>

<a title='giftagging'><img alt='giftagging' border='0'></a>

The slash right after the image link is a MUST. The coding will work, no question asked, phew!

Share and Enjoy:
  • BlinkList
  • del.icio.us
  • Digg
  • Diigo
  • Fark
  • folkd
  • Google Bookmarks
  • LinkaGoGo
  • Reddit
  • StumbleUpon
  • Tumblr
  • Xerpi

Related Posts:

  • No Related Posts
If you have enjoyed this entry. Please feel free to bookmark it using your favorite social bookmarking site

4 Responses so far

  1. Holly says:

    Thanks so much for your help!!! You are awesome!

  2. admin says:

    Nice to hear it works! By the way, Facebook also has its own “Share It” bookmarking button. Go figure that out.

  3. Great post and very thorough instructions. I just posted a blog entry with 45 sites that have social bookmarking buttons and widgets…just in case your readers find it useful – http://www.socialnetworkingarticles.com/2007/11/18/list-of-social-bookmarking-buttons-widgets-for-your-web-sites-blogs/

    Thanks for the great article.

  4. PlugIM.com says:

    How to add social bookmarking buttons to WP and Blogger blogs (updated)….

    The exact coding and instructions for adding it to WP and the new Blogger template are presented here….

Leave a Comment