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

Kategori:Internet
  1. Belum ada komentar.
  1. No trackbacks yet.

Berikan Balasan

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

Logo WordPress.com

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

Gambar Twitter

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

Foto Facebook

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

Foto Google+

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

Connecting to %s

Ikuti

Kirimkan setiap pos baru ke Kotak Masuk Anda.

%d blogger menyukai ini: