Make a Views Interest for Date on WordPress

In an article in the blog, the date is displayed as plain text. If you want you can modify the appearance of an article loaded with charts so that more interesting. Next we will learn how to create a button on a blog for the 3 simple steps.

The first step here. Type in this code in the single.php file. Precisely in the location where you want to display the date.

< div class="post-date" >
< div class="month" >
< div class="day" >
< !-- div-- >

The next step, make the background. You need an image processing program, such as Photoshop. Make a background image design your own.

After that, set the style. This step requires a little knowledge of CSS and depends on individual taste can be due to the background image is different. However, basically you just create a class in the css file with Notepad or other editor you prefer. Here's the code.

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

Part "date_button_template.gif" is the name of the file for your background image. The "images /" is a folder containing the file date_button_template.gif. If you use a picture with the name latar.gif in the folde picture, the code changed so that "image / latar.gif".