Social bookmarking tools can be found in shape of plugins but there is a direct way to integrate them using the script found at the respective social network site.
For example if you want to add facebook like button then you can get the code at the url below:
http://developers.facebook.com/docs/reference/plugins/like/
These tools are available in different shapes and sizes and you can add them as per your need. So may be using them directly can give you more control and one less plugin to manage.
The four majors are as below but you can find the others simply googling around.
Facebook like
http://developers.facebook.com/docs/reference/plugins/like/
sample url without link
<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="" send="true" width="45" show_faces="true" font=""></fb:like>with link
<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="http://www.thewebgoodies.com" send="true" width="45" show_faces="true" font=""></fb:like>
Google plus
http://www.google.com/intl/en/webmasters/+1/button/index.html
sample code without link
<!-- Place this tag where you want the +1 button to render --> <g:plusone size="medium"></g:plusone> <!-- Place this tag after the last plusone tag --> <script type="text/javascript"> (function() { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/plusone.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })(); </script>
with link just replace <g:plusone> tag with the below
<g:plusone size="medium" href="http://www.thewebgoodies.com"></g:plusone>Twitter Tweet
http://twitter.com/about/resources/tweetbutton
sample code without url
<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
with url
<a href="http://twitter.com/share" class="twitter-share-button" data-url="http://www.thewebgoodies.com" data-count="horizontal">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
Linkedin
sample code without url
<script type="text/javascript" src="http://platform.linkedin.com/in.js"></script><script type="in/share" data-counter="right"></script>with url
<script type="text/javascript" src="http://platform.linkedin.com/in.js"></script><script type="in/share" data-url="http://www.thewebgoodies.com" data-counter="right"></script>Please change “http://www.thewebgoodies.com” with your page’s url. For example if you are working with wordpress then you should replace the url with:
<?php the_permalink() ?>
You can simply style them and can place them in sub page which can be called inside the main page. This surely will save you from adding more and more plugins.
