Jom Cantikkan CommentLuv Anda!

Secara purata, kebanyakan blog yang saya lawati menggunakan CommentLuv atau LinkLuv di blog masing-masing. Bagi kebanyakan blogger, kewujudan CommentLuv di sesebuah blog merupakan antara faktor yang penting bagi mereka dan saya tidak terkecuali.

Post kali ini saya bukan nak bercerita tentang kelebihan atau kekurangan CommentLuv, sebaliknya lebih kepada tutorial mencantikkan lagi penampilan CommentLuv di blog anda supaya lebih menarik.

Sebelum (Atas) & Selepas (Bawah)

Tutorial ini mudah untuk diaplikasikan, ikut langkah-langkah yang saya berikan di bawah;

Copy code di bawah dan Paste kan di fail custom.css anda dan klik Update File .

/* CommentLuv last blog post settings*/
.cluv {display:block; padding:8px;border: 1px solid #E1E1E0; background: #F5F5F5; text-transform: none; font-style: normal; letter-spacing: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-top: 15px;}
.custom #comments abbr {display:block; padding:8px;border: 1px solid #E1E1E0; background: #F5F5F5; text-transform: none; font-style: normal; letter-spacing: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-top: 15px;}

Dah siap semua, cuba tengok macam mana link CommentLuv anda. Anda boleh mengubah kombinasi warna background dan garisan border mengikut kehendak sendiri.

- Untuk background, tukarkan kod ini :  #F5F5F5

- Untuk border, tukarkan kod ini : #E1E1E0

Untuk dapatkan kod warna, boleh rujuk di laman HTML Color Codes.

Diharapkan dengan simple CSS kod ini dapat memberi kelainan. Anda boleh mengubah kombinasi warna bila-bila sahaja mengikut kesesuaian blog anda. Selamat mencuba.

Sign Up For My Newsletter

> Info teknologi semasa di Malaysia dan dunia,
> Berita gadget terkini (Android & etc),
> Pelbagai tutorial, tips dan tricks,
> Perkongsian wordpress dan sebagainya.

About shraqs

Pemilik tunggal blog MobilityWorlds yang kembali berjinak-jinak dengan dunia blogging semasa. Terima kasih di atas kesudian berkunjung ke blog ini dan diharapkan kunjungan anda tidak sia-sia. Jangan lupa untuk subscribe atau membaca post-post yang lain.

Comments

  1. mmg best tutorial ni.. :)

  2. dah try.Baru nampak lain sikit….

  3. thanks ya Shraq…nanti lain kali buat tutorial banyak2 lagi eh…
    W.HabibuRahman recently posted..4 Cara Mudah Untuk Update BlogMy Profile

  4. Mekar says:

    Hasilnya akan jadi macam comluv kat blog ni ker nanti?
    Mekar recently posted..Cara Pasang Favicon diblog WordPressMy Profile

  5. ciksembang says:

    kalau yang bayar punya theme pun boleh guna kan css ni?
    ciksembang recently posted..Main spelling spellingMy Profile

  6. bardboo says:

    cantik..tapi malas nak edit..padahal cuma copy je kod kat atas tu kan..hehe…
    bardboo recently posted..Pech DavidMy Profile

  7. Amirez says:

    wah menarik. boleh cuba ni. thanks kongsi

  8. nice info..
    tips dan trik blogger recently posted..Cara Membuat Profil Admin dibawah Postingan BlogMy Profile

  9. Oh! budu says:

    wah.. cute2.
    Oh! budu recently posted..Christmas di Suria KLCCMy Profile

  10. acapz says:

    nice tut bro. tp aku xthu ape pasl commnt luv aku rosak. tu yg aku buang. huhu. mls aku pkai. adiss
    acapz recently posted..Mengubah Paparan Tab Baru Pada Chrome Dengan Speed Dial 2My Profile

  11. lazaac says:

    fail custom.css tu fail yg mana erk..? style.css theme blog ker, css utk plugin tu..? btw, thanks info…
    lazaac recently posted..24 Jam Mimpi Ngeri Bersama ZymaMy Profile

  12. menarik juga..Boleh diubah nanti.
    blackrosehunter recently posted..Selamat Tahun Baru 2012My Profile

  13. akubiomed says:

    Nak cuba kosmetik dengan meninggalkan komen disini. Boleh kan? :-)
    akubiomed recently posted..Jangan biarkan Feedburner mencuri backlink CommentLuvMy Profile

  14. cik tom says:

    ciktom punya cumluv dah buang aritu…tgk la kl ok mskkn balik thn depan..blh try tutor ni..
    cik tom recently posted..Isu Zina, Anak Luar Nikah Tak Akan Habis?My Profile

  15. tuan tanah says:

    menarik juga sekali sekala ubah themes…ttp bagaimana caranya hdk warna perkataan yang diquotekan..:)
    tuan tanah recently posted..Dengar Radio Secara OnlineMy Profile

    • shraqs says:

      itu ken tukar di text tranform & font style. nak buat skrg tak bleh, sbb pkai phone je ni. besok baru balik dr kuantan, depan laptop bleh buat senang ckit. tapi, klu nak cuba, adjust d 2 kod tu jelah. buat backup dlu…

  16. yas says:

    Patut la blog ko cun je commentluv nya…hehehe
    aku la ni malas lagi nak godek2…sok2 x tau laa…
    yas recently posted..Dialog Antara Agama di Televisyen – Pandangan Anda?My Profile

  17. tehr says:

    aku memang suka bab godek2 kod ni
    nanti ada free aku pasti cuba
    thanks
    tehr recently posted..Siri Bercakap Dengan Ayah | Makin KurangMy Profile

  18. suri says:

    ini namanya revollusi masuk tahun 2012
    suri recently posted..Di Mana Port Yang Terbaik..My Profile

  19. suri says:

    wah dah siap ada wrna lagi heee
    suri recently posted..Ulangtahun CahayaCinta.Com 30/12/2011My Profile

  20. azura says:

    saya guna yang tersedia…takut jadi lain tak reti code

  21. nuriz says:

    tak pandai nak godek2 hehe pakai yang dah disediakan tu je buat masa ni
    nuriz recently posted..Gambar Siti Nurhaliza dan Datuk K Beriadah di Sungai CongkakMy Profile

  22. titan says:

    aku pakai yang default aje. malas nak peningkan kepala. hehe
    titan recently posted..Komisen ke 3 dari AdvertletsMy Profile

  23. puanbee says:

    oo mcm susah je .. malas buat hehe ..commentluv akk problem sekarang ni ..
    puanbee recently posted..Reunion (1) ALUMNI SMK KAMUNTING YEAR 1997-2001My Profile

  24. kimmie says:

    bagus tutorial ni, nnt nak boleh dicuba…
    kimmie recently posted..Teka – teki …dimanakah si katak bersembunyi??My Profile

  25. paihujey says:

    wah,bleh edit jugak pakai css..hehe..yang kat sini transparent ek?
    paihujey recently posted..Situasi Yang Tak Diduga (Bahagian 3)My Profile

Speak Your Mind

*