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...
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:
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:
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:
- 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...
Komentar