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

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'>
        <b>

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

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>

But, the fact is many of them can’t able to do that even that want it most because of cialis online best sexual dysfunctions such as small penis size, premature ejaculation, erectile dysfunction, low libido etc. You will get to see the best results after 20 to 30 minutes of having these pills. cipla generic viagra The reasons might levitra 10 mg discover description be any; the solution is not in a pill. The condition is formerly known as erectile dysfunction or simply ED. cialis generic tadalafil <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!