Tip Buat Tampilan Tanggal yang Menarik di Wordpress

Dalam sebuah artikel di blog, tanggal ditampilkan sebagai teks biasa. Kalau mau, Anda bisa memodifikasi tampilan tanggal sebuah artikel dimuat dengan grafik sehingga lebih menarik. Berikut kita akan belajar bagaimana cara membuat sebuah button tanggal untuk WordPress melalui 3 langkah sederhana.

Langkah pertama begini. Ketikkan kode ini dalam file single.php. Lokasi tepatnya di tempat Anda ingin memunculkan tanggal.

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

Langkah berikutnya, buat latar belakang. Anda butuh program pengolah gambar, seperti Photoshop. Buatlah desain gambar latar belakang sekehendak Anda.

Setelah itu, atur gayanya. Langkah ini membutuhkan sedikit pengetahuan tentang CSS dan bergantung pada selera individu karena bisa jadi latar gambarnya berbeda. Namun, pada dasarnya Anda cukup membuat class di file css dengan Notepad atau editor lain kesukaan Anda. Begini kodenya.

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

Bagian "date_button_template.gif" merupakan nama file untuk gambar latar Anda. Bagian "images/" merupakan folder yang berisi file date_button_template.gif. Jika Anda pakai gambar dengan nama latar.gif yang ada di folde gambar, kode itu berubah jadi "gambar/latar.gif".

sumber: PCplus

Kunjungi : Hot Celebrity