I this tutorial I am going to show you how to add more links on thesis teasers. By adding this your post excerpts will look different and more stylish. This will also help you to improve your site’s appearance. Adding more links like No. of comments, add your comments, read more these buttons show the value of your post which the visitor that why the reader should read it how good it is.  Here is the screen shot of the links that i have added in my thesis teasers

thesis teasers in Home Page

how to add more links on thesis teasers in Home Page?

Paste this code in custom fuctions.php

/* SAVE THIS IN CUSTOM_FUNCTIONS.PHP FILE */ add_action('thesis_hook_after_teaser','teaser_post_menu_links');
function teaser_post_menu_links() { if (!is_single() && !is_page()){ ?><div id=""><div id="teaserempty"></div> <div id="teaserlinkscontainer">    <ul id="teasermenu">     <li><a href="<?php the_permalink(); ?>#comments" title="<?php comments_number(__('0 Comments','thesis'), __('1 Comment','thesis'), __('% Comments','thesis')); ?> on <?php the_title(); ?>" rel="nofollow"><?php comments_number(__('0 Comments','thesis'), __('1 Comment','thesis'), __('% Comments','thesis')); ?></a></li>     <li><a href="<?php the_permalink(); ?>#respond" title="Add your opinion on <?php the_title(); ?>" rel="nofollow">Add your Comment</a></li>     <li><a href="<?php the_permalink(); ?>" title="Continue Reading: <?php the_title(); ?>" rel="bookmark">Continue Reading</a></li>     <li><p></p></li>     </ul> </div><div id="teaserline"></div> </div><?php } }

Paste this code in custom.css

* SAVE THIS IN CUSTOM.CSS FILE */
.custom .teaser {width: 100%; margin-top: 0.25em; padding-top: 0.25em; text-align: justify;}
.custom .teasers_box {padding-top: 0; padding-bottom:0; border-top: 0;}
.custom #teaserlinkscontainer {margin-top:0px;}
.custom #teasermenu {height: 30px;}
.custom #teasermenu , .custom .teasermenu ul {padding: 0; margin: 0; list-style: none; line-height: 1; border-width: 0.5em 0.5em 0.5em 0.5em;}
.custom #teasermenu ul {float: left; list-style: none; margin: 0px 0px 0px 0px; padding: 0px;}
.custom #teasermenu li {float: left; list-style: none; margin: 0px; padding: 0px;}
.custom #teasermenu ul li {list-style: none; margin: 0px; padding: 0px;}
.custom #teasermenu a, .custom #teasermenu li ul {border-color: #FFFFFF;}
.custom #teasermenu li a, .custom #teasermenu  li a:link {color: #FFFFFF; background: #444343; display: block; font-weight: bold; margin: 5px 5px 5px 5px; padding: 5px 5px 5px 5px; text-decoration: none;  font-size: 13px; font-family: Arial, Helvetica, sans-serif; -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; -webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:4px; -webkit-border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px;}
.custom #teasermenu li a:hover {color: #FFFFFF; background: #3284BD; display: block; margin: 5px 5px 5px 5px; padding: 5px 5px 5px 5px; text-decoration: none; -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; -webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:4px; -webkit-border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px;}
.custom #teaserempty {width: 100%; margin-top: 0.5em; margin-bottom: 0.5em;}
.custom #teaserline {width: 100%; margin-top: 0.5em; margin-bottom: 0.5em; border-top: 1px solid #11B6D0;}
.custom #teasermenu li p{color: #000000; background: #D0D0D0; display: block; width: 100%}

That’s all to do with codes please leave your comment in show your presence below