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...
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:
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...
PERTAMAX..........
BalasHapustapi apa gk memepengaruhi Posisi SERP ?
@lintaslirik
BalasHapusgak mas, kan utk judul post SERP nya diakali pake tag headiung
nah kode di blog saya sendiri pake tag heading h1
sementara artikel di atas pake h3
karena saya ambil sari kode standar bawaaan blogger
Gimana nih masdoyok! Kok tampilan versi mobilnya belum dinonaktifkan.. Kenapa?
BalasHapus@mas sugeng
BalasHapusbisa chat di fb dulu ndak?
klo mnurut saya, judul mas doy skrang cocok untuk ditempatkan "google ads link" disebelah kanannya judul tersebut .... hehehehhe ....
BalasHapus@khamardos
BalasHapusboleh juga idenya :D kekeke
krincing... krincing....
Wah, mantap nih kang..
BalasHapustag h3 itu untuk judul posting yah??
Keren juga mas doyok, efeknya jadi kayak thumnail
BalasHapus@machesater
BalasHapusbawaan bloggernya h3 utk judul post
tapi boleh diedit utk keperluan SEO
@ramlan
iya mas :D
makasih ya kanggg supportnya
Sama sama mas doy
BalasHapus****sukses****
Muantep kang.... kapan2 tak coba lah :D
BalasHapusKeren gan, ane baru liat judul blog ky gini
BalasHapus@ramlan
BalasHapussiiip kang :D
@viyan
oke semoga berhasil aja yaa
@oliver
iya :D silahkan dicoba
Mas doyok jempol ahhh muantab tanks berat
BalasHapuswah kreatif nich masdoy.. pdhl biasanya buat images skrg setelah d modf bs judul.. nice trik masdoy
BalasHapus@adin dan karlz
BalasHapussilahkan dicoba saja ya :D
Biasanya .post-title atau .entry-title
BalasHapusElemen heading tidak mutlak
@tukangpos
BalasHapusseprti yg saya katakan di atas
ini utk standar bawaan templatenya :D
tentu akan lain utk templet2 custom
jadi mesti diperhatikan
kunjungan perdana setelah ganti domain, oh iya kang, lo dah di ganti, apa posting lama akan ganti otomatis juga? trims
BalasHapus@Sejuta Trik blogger
BalasHapusiya otomatis semuanya ikut berganti mas
mantap mas doy....sipppppp
BalasHapus