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:

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

Komentar

  1. PERTAMAX..........
    tapi apa gk memepengaruhi Posisi SERP ?

    BalasHapus
  2. @lintaslirik
    gak 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

    BalasHapus
  3. Gimana nih masdoyok! Kok tampilan versi mobilnya belum dinonaktifkan.. Kenapa?

    BalasHapus
  4. @mas sugeng
    bisa chat di fb dulu ndak?

    BalasHapus
  5. klo mnurut saya, judul mas doy skrang cocok untuk ditempatkan "google ads link" disebelah kanannya judul tersebut .... hehehehhe ....

    BalasHapus
  6. @khamardos
    boleh juga idenya :D kekeke
    krincing... krincing....

    BalasHapus
  7. Wah, mantap nih kang..
    tag h3 itu untuk judul posting yah??

    BalasHapus
  8. Keren juga mas doyok, efeknya jadi kayak thumnail

    BalasHapus
  9. @machesater
    bawaan bloggernya h3 utk judul post
    tapi boleh diedit utk keperluan SEO

    @ramlan
    iya mas :D
    makasih ya kanggg supportnya

    BalasHapus
  10. Sama sama mas doy

    ****sukses****

    BalasHapus
  11. Muantep kang.... kapan2 tak coba lah :D

    BalasHapus
  12. Keren gan, ane baru liat judul blog ky gini

    BalasHapus
  13. @ramlan
    siiip kang :D
    @viyan
    oke semoga berhasil aja yaa
    @oliver
    iya :D silahkan dicoba

    BalasHapus
  14. Mas doyok jempol ahhh muantab tanks berat

    BalasHapus
  15. wah kreatif nich masdoy.. pdhl biasanya buat images skrg setelah d modf bs judul.. nice trik masdoy

    BalasHapus
  16. @adin dan karlz
    silahkan dicoba saja ya :D

    BalasHapus
  17. Biasanya .post-title atau .entry-title
    Elemen heading tidak mutlak

    BalasHapus
  18. @tukangpos
    seprti yg saya katakan di atas
    ini utk standar bawaan templatenya :D

    tentu akan lain utk templet2 custom
    jadi mesti diperhatikan

    BalasHapus
  19. kunjungan perdana setelah ganti domain, oh iya kang, lo dah di ganti, apa posting lama akan ganti otomatis juga? trims

    BalasHapus

Posting Komentar

Postingan Populer