Create a Customized Date Button for WordPress

Most of blogger forget or ignore date button when making their blog stand out. Customizing date button can really make a difference in your blog’s design.

In this article I will show you how you can create a customized date button in WordPress.

Create A Customized Date Button For WordPress

I am going to use a image to customized you can also use or crate your own one.

To do this you have to edit your style.css file and add come code like below:

.datebg{
background: url(images/datebg.gif) no-repeat;
height: 173px;
width: 173px;
}
.day{
}
.month{
}

You can make stylus and you can also change name of the class. Now after editing style.css open your index.php and single.php file and add the following code where your template fits.

<div class="datebg">
<div class="month"><?php the_time(’M’) ?></div>
<div class="day"><?php the_time(’d’) ?></div>
</div>

Change the above code as per your needs.

Thanks:)