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:
float: left;font-size: 30px;margin-right: 5px;width: 250px;
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:
gan punyaku CSSnya ga kaya gtu.
tolong kasih solusi...
Posting Komentar