Modifikasi Tanda Author di Komentar Reply Blogger

Merubah Gambar Pensil Author - Seperti kita tahu bawaha blogger baru saja meluncurkan fitur terbarunya, yakni: Blogger Thread Comments. Nah, pada sistem komentar itu secara otomatis di antara nama author dan tanggal akan ada lambang pensil, yang menandakan bahwa itu komentar si penulis.

Kita bise iseng atau bahkan membuat lebih cantik kolom komentar kita dengan mengganti icon pensil tersebut menjadi gambar sesuai keinginan kita. Anda hanya perlu menambahkan css background pada css berikut. (Jangan lupa centang expand template widget)
.comments .comments-content .icon.blog-author {
background:  url("http://alamatgambaranda.gif");
}
 yang berwarna merah adalah tambahan kodenya. Silahkan ganti alamat gambar sesuai yang Anda inginkan.

Tambahan:
- Anda bisa menambahkan gambar bergerak berekstensi.gif sehingga lebih meanrik seperti di blog ini . SAya menggunakan jasa pembuatan favicon generator seperti pada artikel: Membuat Favicon dengan Scroll Text. Save imagenya ke komputer, kemudian upload ulang karena hasil favicon di penyedia tersebut hanya bersifat sementara.
- Standartnya ukuran kotak author itu 18 x 18, sedangkan favicon berukuran 16 x 16. Silahkan rubah px-nya agar sesuai. Letaknya masih sama seperti CSS sebelumnya:
.comments .comments-content .icon.blog-author {
height: 16px; width: 16px;
}
Anda bisa memasang gambar yang lebih besar dengan menyesuaikan ukuran kotak author yang lebih besar lagi. Semoga bermanfaat. Sharing is Caring...

Article Information:
Modifikasi gambar pensil author sesuai keinginan Anda agar lebih menarik dan komentar author atau penulis lebih terlihat berbeda

Komentar

  1. Balasan
    1. aku pusing milih gambar jadi untuk sementara aku pake yang icon pensil aja dulu..

      Hapus
    2. iyaa kang :D
      yang penting kan udah bisaaa

      Hapus
    3. hehe, ide kreatif juga neh mas :D
      tp pixelnya gak bisa lebih besar dikit yaak?

      Hapus
    4. bisa kang, kan tinggal diatur px nya ituu

      Hapus
  2. Yaela kirain apa juga kemarin :p

    BalasHapus
  3. Balasan
    1. iyaa hehehe kang :D maaf tadi malem aku ketidurann

      Hapus
  4. custom background gimana? laini kan terserah mau diisi apa

    BalasHapus
  5. Sudah pernah bisa sih bang. Tapi ndak kelihatan pas saya ngganti favicon blog saya.

    BalasHapus
  6. Kok diblogku malah gak ada gambar apa2 di authornya :)

    BalasHapus
  7. nice tips mas, btw mas tau gak kenapa kalo tiba2 avatar di komentar ukurannya jadi kecil? kira2 karena paa ya, padahal gak saya edit2 htmlnya :O aneh

    BalasHapus
  8. keren juga ya kotak komentarnya :)

    BalasHapus
  9. punyaku malah ga ada gambar pensilnya?

    BalasHapus
    Balasan
    1. sama kayak mas teguh budi ini. di blog saya juga tidak ada gambar pensilnya. malah blank kosong gto mbah....

      Hapus
  10. Bagus. Bisa dimodif seperti punya Mas Doyok sehingga komentar admin jadi kelihatan beda dan lebih menarik. Jazakallah khairan atas tipsnya

    BalasHapus
  11. Terima kasih akan kami koleksi dalam web kami

    Silahkan Vote blog ini utk posisi teratas

    Best Blogger Tutorial from Indonesia

    BalasHapus
  12. Maaf, mungkin saja kunjungan dan komentar dari saya mampirnya telat, Sob.

    Tapi yang pasti saya akan selalu mencoba berusaha sebisa mungkin untuk tetap konsisten berkunjung dan berkomentar di blog Anda, Sob.

    Oh, iya ?¿
    Jika Anda sedang tidak sibuk dan punya waktu luang, mohon agar meluangkan sedikit waktunya untuk sekedar berkunjung dan berkomentar di blog sederhana punya saya (ifan-egp.blogspot.com).

    Terima kasih, sebelumnya :D

    BalasHapus
  13. hebat mas doy, selalu posting artikel menarik yang disukai para blogger indonesia :)

    BalasHapus
  14. Lama ga singgah disini.. ternyata sudah banyak perubahan.
    buat yang punya blog makin sukses slalu. pa kabar mas doyok...?

    BalasHapus
  15. mampir kesini,purworejo kah? aku kaligesing xD salam kenal

    BalasHapus
  16. template ku, tanda authornya kok gan keluar mas??

    BalasHapus
  17. tutorial blog yg mantapa lgi ini gan..
    kunbal y..

    BalasHapus
  18. Siap dicoba, bookmark dulu laah, hehehe

    BalasHapus
  19. Siap dicoba, n bookmark page pastinya.

    BalasHapus
  20. Mantap gan? Lanjutin trus kreasi nya

    BalasHapus
  21. makasih gan udah berbagiilmunya .
    nice

    BalasHapus
  22. Thanks untuk tips nya tetapi di blog saya tidak terdapat icon pensil komentar, apa karena theme yang saya buat sendiri ada yang kurang?

    BalasHapus
  23. sipp...


    Blogger Banjarnegara: Learning & Sharing --->
    Tips ngeBlog l SEO l Blog Teknologi l Blog Informasi l HTML CSS l Info Teknologi Terbaru l Download Template l Software

    BalasHapus
  24. Thanks udah sharing inpohnya sob,., kunjungan balik jika berkenan,., ,,^_^,,

    BalasHapus
  25. Thanks, infonya bermanfaat banget buat newbie kek ane,., kunjungan balik sob bila berkenan,.,

    BalasHapus

Posting Komentar

Postingan Populer