Ini dia… Bikin Tampilan Tanggal yang Menarik di WordPress

Bikin 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.

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

About these ads

~ oleh Awai pada Agustus 14, 2009.

3 Tanggapan to “Ini dia… Bikin Tampilan Tanggal yang Menarik di WordPress”

  1. bagus buat tambah2

  2. boleh dicoba :d

  3. boleh jg nih untuk dicoba :)

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Logout / Ubah )

Twitter picture

You are commenting using your Twitter account. Logout / Ubah )

Facebook photo

You are commenting using your Facebook account. Logout / Ubah )

Google+ photo

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

 
Ikuti

Get every new post delivered to your Inbox.

%d bloggers like this: