Membuat Judul Postingan Mojok Ke Kiri

Memodifikasi template adalah salah satu cara membuat blog Anda berbeda. Dan dengan blog yang berbeda dari kebanyakan pasti akan memberi kesan mendalam kepada pembaca Anda. Dengan kesan mendalam, blog Anda akan lebih diingat dan kemungkinan pengunjung kembali semakin besar. Modifikasi dari yang mudah sampai yang sulit boleh Anda lakukan, dan pagi ini... kita mencoba sesuatu yang mudah, namun hasilnya masih sangat jarang digunakan oleh para blogger...
Membuat Judul Postingan Mojok Ke Kiri. Seperti judul postingan kali ini, kita akan mencoba uprek template kita, khususnya pada bagian  judul postingan. Seperti pada gambar berikut:
Untuk cara membuat judul postingan mojok ke kiri Kita hanya melakukan editing sederhana pada bagian CSS judul. Ada tiga elemen penting yang mesti diubah:
- Float: Left; area text akan merapat ke bagian kiri. Mengisi bagian kosong di sebelah kirinya, hingga mentok sampai ada perintah css lain.
- Width: 250px; menentukan lebar area text. Silahkan ganti angkanya sesuai keinginan Anda. Dengan penentuan lebar, maka text yang biasanya memanjang akan di batasi dan diturunkan ke bawah.
- margin-right: 5px; Yang tidak kalah pentingnya untuk diperhatikan adalah bagian margin. Karena judul akan berdesakan dengan isi artikel yang sekarang sama-sama dalam posisi sejajar, maka perlu diberi jarak dengan margin.
- Effect-effect lain CSS penunjang adalah font-size yang berfungsi memperbesar ukuran huruf. Effect ini tidak cocok jika menggunakan ukuran judul postingan kecil.

Pemasangan
Cari kode CSS berikut ini h3.post-title {
Tambahkan kode CSS berikut di bawah kode tadi:

floatleft;
font-size30px;
margin-right5px;
width250px;
Silahkan modifikasi CSS di atas sesuai keperluan Anda. Jika sudah, silahkan save template Anda. Jika tidak menemukan kode h3.post-title { kemungkinan karena berbeda class cSS nya saja karena berbeda gaya template. Silahkan bagi yang kebingungan mencari class CSS title, menanyakan pada kotak komentar di bawah ini. Terima kasih... Semoga bermanfaat...

1 comments:

Unknown mengatakan...

gan punyaku CSSnya ga kaya gtu.
tolong kasih solusi...

Posting Komentar

 
Copyright © 2011. Delta Net KABUNAN