Beranda > Internet > Cara Bikin Tampilan Tanggal Lebih Menarik di WordPress

Cara Bikin Tampilan Tanggal Lebih 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

About these ads
Kategori:Internet
  1. Belum ada komentar.
  1. No trackbacks yet.

Berikan 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 blogger menyukai ini: