Here is the code;

Firstly create a div area for this. After that we sill make changes.

Code;

<div class=”post-date”>
<div class=”month”><?php the_time(’M') ?></div>
<div class=”day”><?php the_time(’d') ?></div>
</div>

The Template Image

CSS Style;

.post-date{
float: left;
display: inline;
margin: 0 10px 0 0;
background: url(images/date_button_template.gif) no-repeat;
}

Final :)

Use this code and the oıther on your theme. Have a nice day!

Related posts:

1. Add Social Bookmarks Bar into your Blog!
2. Build a Top Sliding Login Panel
3. Add an expration date for posts!