Social Bookmarking Tools: How To Make Your Own Social Bookmarking Links To Your Wordpress Theme

How To Make Your Own Social Bookmarking Links To Your WordPress Theme

on Feb 01in Tutorials, Web Design Tips, Worpress tagged make social bookmarking links, social bookmarking tools, wordpress customization by james

The easiest way to share your content on the web is through Social Bookmarking and Networking. There are several Social Bookmarking Tools that can help you to include the SB links after each post you make in your Wordpress Blog. But what if you decided you only wanted to focus on few social bookmarking links? You are given no choice but to create your own.

In this tutorial, I will outline how to make your own social bookmarking links after each post. I will be using SB links for submission to DIGG, Delicious, StumbleUpon, and Facebook. However, you can add other links of your preferred bookmarking sites.

1. Download free icons from google. There are tons of free bookmarking icons.

2. Open single.php from your wordpress theme. You can use favorite PHP Editor or your simply notepad.

3. Insert this code before the comments_template or the get_footer section:

<div class="socialbookmarking">
<h3>Share This Post!<h3>
<a href="<?php bloginfo('rss2_url'); ?>" title="Subscribe to our RSS feed."><img src="<?php bloginfo('template_directory'); ?>/images/feed.png" alt="Subscribe to our RSS feed." ></a>

<a href="http://twitter.com/home/?status=<?php the_title(); ?> : <?php the_permalink(); ?>" title="Tweet this!"><img src="<?php bloginfo('template_directory'); ?>/images/twitter.png" alt="Tweet this!" ></a>

<a href="http://www.stumbleupon.com/submit?url=<?php the_permalink(); ?>&amp;title=<?php the_title(); ?>" title="StumbleUpon."><img src="<?php bloginfo('template_directory'); ?>/images/stumbleupon.png" alt="StumbleUpon" ></a>

<a href="http://www.reddit.com/submit?url=<?php the_permalink(); ?>&amp;title=<?php the_title(); ?>" title="Vote on Reddit."><img src="<?php bloginfo('template_directory'); ?>/images/reddit.png" alt="Reddit" >
</a>

4. After you have inserted the code, visitors to your site will now be able to save your post to their favorite bookmarking websites.

By the way to make it more beautiful, add your own design using css in style.css.