In this video tutorial deals about how to add social book marking buttons inside your post page. Social book marking icons are very important for blogging and we need these buttons at the end of the post then only if a visitor read your article they can able to share your article with their friends easily. So you can add your book marking icons at the end of the post.

1. Create or download book marking icons like digg, delicious, youtube, twitter, facebook, stumble upon and what ever you need.
2. Save those icons as a image format like png, jpeg, tif and etc.
3. Upload all images into thesis theme using ftp software like filezilla or fireftp.
4. Login your ftp using cpanal username and password.
5. Select the folder you need to upload images for this go click the following path. Publicl_html/fourblogger.com/wp-content/themes/thesis_16/custom/images. Inside the image folder you need to upload bookmark icons.
6. Then select images in your desktop via ftp and upload by double clicking.

Once you uploaded your image copy and paste the following code in cuctom_function.php or launch.php file.

/* Adds socil media  bookmark links after each post */

add_action('thesis_hook_after_post_box', 'share_post');

function get_tiny_url($url) {
if (function_exists('curl_init')) {
$url = 'http://tinyurl.com/api-create.php?url=' . $url;
$ch = curl_init();
curl_setopt($ch, CURLOPT_HEADER, 0);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
curl_setopt($ch, CURLOPT_URL, $url);
$tinyurl = curl_exec($ch);
curl_close($ch);
return $tinyurl;
}
else {
// cURL disabled on server; Can't shorten URL
// Return long URL instead.
return $url;
}}
function share_post () {
if (is_single()) {
?>
<div class="box"><div class="share">
<h3>Share with your friends!</h3>
</div>
<div class="social_icons">
<p>
<a href="http://www.youtube.com/sharer.php?u=<?php the_permalink();?>&amp;amp;t=<?php the_title(); ?>" title="Share on youtube.">
<img src="<?php bloginfo('template_directory'); ?>/custom/images/youtube.png" alt="Share on youtube" id="sharethis-last" />
</a>
<a href="http://www.stumbleupon.com/submit?url=<?php the_permalink(); ?>&amp;amp;title=<?php the_title(); ?>" title="StumbleUpon.">
<img src="<?php bloginfo('template_directory'); ?>/custom/images/stumbleupon.png" alt="StumbleUpon" />
</a>
<a href="http://www.reddit.com/submit?url=<?php the_permalink(); ?>&amp;amp;title=<?php the_title(); ?>" title="Vote on Reddit.">
<img src="<?php bloginfo('template_directory'); ?>/custom/images/reddit.png" alt="Reddit" />
</a>
<a href="http://digg.com/submit?phase=2&amp;amp;url=<?php the_permalink(); ?>&amp;amp;title=<?php the_title(); ?>" title="Digg this!">
<img src="<?php bloginfo('template_directory'); ?>/custom/images/digg.png" alt="Digg This!" />
</a>
<a href="http://del.icio.us/post?url=<?php the_permalink(); ?>&amp;amp;title=<?php the_title(); ?>" title="Bookmark on Delicious.">
<img src="<?php bloginfo('template_directory'); ?>/custom/images/delicious.png" alt="Bookmark on Delicious" />
</a>
<a href="http://www.facebook.com/sharer.php?u=<?php the_permalink();?>&amp;amp;t=<?php the_title(); ?>" title="Share on Facebook.">
<img src="<?php bloginfo('template_directory'); ?>/custom/images/facebook.png" alt="Share on Facebook" id="sharethis-last" />
</a>
<a href="http://twitter.com/home/?status=RT @username <?php the_title(); ?> : <?php echo get_tiny_url(get_permalink($post->ID)); ?>" title="Tweet this!">
<img src="<?php bloginfo('template_directory'); ?>/custom/images/twitter.png" alt="Tweet this!" />
</a>
</p>
</div>
<div style="clear:both;"></div>
</div>
<?php
}}

You can place the code in two ways first way paste the code in cuctom_function.php.

1. For this goto thesis options in wordpress dash board.
2. Select custom file editor and choose cuctom_function.php
3. Click on edit file and paste the code then save it.

The second way paste the same code in launch.php  which is available in the this path publicl_html/fourblogger.com/wp-content/themes/thesis_16/lib/functions/launch.php using ftp. use any one of the above ways to paste the code.

Once you pasted the above code. Copy and paste the following code in custom.css file

/*Adds Social Media icons in each post*/
.box { margin: 2.1em 2.1em 2.1em 1em; padding: 1.2em; background: #EDEDED; -moz-border-radius:10px 10px 10px 10px;
border: 1px solid #DFDFDF;}
.box h3 { margin-top: 0.5em; font-size: 2em; line-height:35px; }
.box p { margin-bottom: 0; }
.box .share {float:left; width:38%;height:50px;}
.box .social_icons {float:right; width:60%; padding:0.2em;}
.box .social_icons a, .box .social_icons a:hover {border:none;}
.box .social_icons img {filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;-khtml-opacity: 1.0; }
.box .social_icons img:hover {filter:alpha(opacity=50);-moz-opacity: 0.5; opacity: 0.5;-khtml-opacity: 0.5;}

For this,  goto thesis options in wordpress dash board.

Select custom file editor and choose cuctom.css

Click on edit file and paste the code then save it. The above code you can change background,width and height. Now visit your site with book marking icons.

For more checkout our all Thesis theme tutorials..

Related Tutorials:

1. How to add Google Buzz Button inside post and Homepage of Thesis Theme
2. How to Create Custom Social Bookmark Links Widget in Thesis Theme
3. How to add Social Bookmark Icons at Right Side of the Post in Thesis Theme
4. How to add Tweet meme Button inside the Teaser and postbox of Thesis Theme
5. How to add your social bookmark icon into Thesis theme