Wednesday, July 7, 2010

Membina Tarikh yang Menarik di Wordpress

Dalam sebuah artikel di blog, tarikh ditampilkan sebagai teks biasa. Kalau mahu, anda boleh memodifikasi tampilan tarikh sebuah artikel bersama dengan grafik sehingga lebih menarik. Berikut kita akan belajar bagaimana cara membuat sebuah button tarikh untuk WordPress melalui 3 langkah sederhana.

Langkah pertama - Taipkan kod ini dalam file single.php. Lokasi tepatnya di tempat anda ingin memunculkan tanggal.

Langkah berikutnya, buat latar belakang. Anda memerlukan program membina gambar, seperti Photoshop. Buatlah design gambar latar belakang kesukaan anda.

Setelah itu, Langkah ini memerlukan sedikit pengetahuan tentang CSS dan bergantung pada selera individu kerana boleh jadi latar gambarnya berbeza. Namun, pada dasarnya anda cukup membuat class di file css dengan Notepad atau editor lain kesukaan anda. Kodnya adalah:-

.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 guna gambar dengan nama latar.gif yang ada di folde gambar, kod itu berubah jadi “gambar/latar.gif”.

Sumber: PCplus

No comments:
Write comments

Note: Only a member of this blog may post a comment.