How to add social bookmarking icons in thesis and other wordpress themes

Post image for How to add social bookmarking icons in thesis and other wordpress themes

Giving an option for your readers to share your content is very importent.Also it will improve and boost up the rank of your website.So adding social bookmarking icons in posts is a must.Twitter,digg,yahoo buzz,mixx,reddit,del.icio.ous are some common bookmarking websites.

How to add social bookmarking icons/links using plugin:
There are many plugins that help you add social bookmarking links and icons in wordpress themes.It is possible to add those icons using plugins in thesis wordpress theme also.The plugins that we use here in senshow.com is Digg Digg by yong mook kim.

So if you dont want to use any plugins and you need to do it yourself then follow the steps below

step 1:This step is to create a widget in the right side of your posts in content area.so to create the widget copy the below code and paste it in custom_functions.php file in the custom file editor of the thesis theme

/***BUILD bookmark WIDGET side of the post paste in custom_functiom.php***/

register_sidebars(1,
array(
'name' => 'bookmarkpost',
'before_widget' => '<li id="%1$s">',
'after_widget' => '</li>',
'before_title' => '<h3>',
'after_title' => '</h3>'
)
);
function widgetized_icons() { ?>
<div id="post_icons">
<ul>
<?php thesis_default_widget(4); ?>
</ul>
</div>
<?php }

add_action('thesis_hook_before_post', 'widgetized_icons', '1');

Note:If you have already 3 widget box in the widgets sidebar of wordpress dashboard then you have to change thesis_default_widget(3) as thesis_default_widget(4).

step 2: Now to customize the style of your bookmarking widget copy the below code and paste it in custom.css file of the thesis custom file editor.

/*WIDGET side of the post paste in custom.css file***/
.custom #post_icons ul.sidebar_list li.widget h3 {text-indent:0; padding-top:0.2em; color:#111; font-size:15px; font-family:georgia; background:none;}
.custom #post_icons ul.sidebar_list { margin:0em;}
.custom #post_icons ul.sidebar_list li.widget  {font-size:1em;}
.custom #post_icons{ width:7em; float:right; }

step 3: Now upload the bookmarking icons to the images folder.
step 4: Now go to appearance>widgets>Bookmarkpost and drag an text widget into it.Leave the title empty and paste the links for your bookmarking icons and the image paths in the description area and save it.

Related posts:

  1. How to add Floating Social bookmarking icons in wordpress themes
  2. Thesis-how to place ads Above the post title in thesis wordpress theme
  3. How to highlight author comments in thesis wordpress theme with background and logo
  4. How to add featured posts in custom feature box in thesis wordpress theme
  5. Adding author profile box in thesis wordpress theme
  6. How to add a widgetized 3 column footer in thesis wordpress theme
  7. How to add stylish asnio 3 column footer to thesis wordpress theme
  8. How to add image hover effects in thesis and other wordpress themes,blogger
  9. How to add author profile box below posts in wordpress themes
  10. How to add retweet button into teaser and posts of thesis wordpress theme

{ 4 comments… read them below or add one }

1 andyw February 15, 2010 at 5:59 am

After reading you blog, Your blog is very useful for me .I bookmarked your blog!
Wishes your valentine day to be joyful!

Reply

2 Cody Goul May 3, 2010 at 3:35 pm

Where can I find the “Sharing is Caring” code you used for your social bookmarking? Is it a plugin for WordPress?

Reply

3 sensehow May 3, 2010 at 10:17 pm

it can be found in the background image options in sexy bookmarks plugin

Reply

4 boost Alexa Rank June 18, 2010 at 6:25 am

it would had saved me a lot of headaches. Great post for guiding beginners. Thanks for sharing!

Reply

Leave a Comment

{ 1 trackback }

Previous post:

Next post: