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)
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:
Article Information:
Modifikasi gambar pensil author sesuai keinginan Anda agar lebih menarik dan komentar author atau penulis lebih terlihat berbeda
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)
yang berwarna merah adalah tambahan kodenya. Silahkan ganti alamat gambar sesuai yang Anda inginkan..comments .comments-content .icon.blog-author {background: url("http://alamatgambaranda.gif");}
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:
Anda bisa memasang gambar yang lebih besar dengan menyesuaikan ukuran kotak author yang lebih besar lagi. Semoga bermanfaat. Sharing is Caring....comments .comments-content .icon.blog-author {height: 16px; width: 16px;}
Article Information:
Modifikasi gambar pensil author sesuai keinginan Anda agar lebih menarik dan komentar author atau penulis lebih terlihat berbeda
Wah langsung dicoba kang..
BalasHapusmanteepp nih
semoga sukses kang...
Hapusaku pusing milih gambar jadi untuk sementara aku pake yang icon pensil aja dulu..
Hapusiyaa kang :D
Hapusyang penting kan udah bisaaa
hehe, ide kreatif juga neh mas :D
Hapustp pixelnya gak bisa lebih besar dikit yaak?
bisa kang, kan tinggal diatur px nya ituu
HapusYaela kirain apa juga kemarin :p
BalasHapusHidup blogger mbah
BalasHapusiyaa hehehe kang :D maaf tadi malem aku ketidurann
Hapuscustom background gimana? laini kan terserah mau diisi apa
BalasHapusbaru tahu mas :D
BalasHapusSudah pernah bisa sih bang. Tapi ndak kelihatan pas saya ngganti favicon blog saya.
BalasHapusKok diblogku malah gak ada gambar apa2 di authornya :)
BalasHapusnice 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
BalasHapuskeren juga ya kotak komentarnya :)
BalasHapuspunyaku malah ga ada gambar pensilnya?
BalasHapussama kayak mas teguh budi ini. di blog saya juga tidak ada gambar pensilnya. malah blank kosong gto mbah....
HapusBagus. Bisa dimodif seperti punya Mas Doyok sehingga komentar admin jadi kelihatan beda dan lebih menarik. Jazakallah khairan atas tipsnya
BalasHapusLama ga update
BalasHapusTerima kasih akan kami koleksi dalam web kami
BalasHapusSilahkan Vote blog ini utk posisi teratas
Best Blogger Tutorial from Indonesia
Maaf, mungkin saja kunjungan dan komentar dari saya mampirnya telat, Sob.
BalasHapusTapi 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
hebat mas doy, selalu posting artikel menarik yang disukai para blogger indonesia :)
BalasHapusLama ga singgah disini.. ternyata sudah banyak perubahan.
BalasHapusbuat yang punya blog makin sukses slalu. pa kabar mas doyok...?
makasih buat tips nya sob
BalasHapusmampir kesini,purworejo kah? aku kaligesing xD salam kenal
BalasHapustemplate ku, tanda authornya kok gan keluar mas??
BalasHapustutorial blog yg mantapa lgi ini gan..
BalasHapuskunbal y..
nunggu masdoyok gak update2 ya
BalasHapusSiap dicoba, bookmark dulu laah, hehehe
BalasHapusSiap dicoba, n bookmark page pastinya.
BalasHapusMantap gan? Lanjutin trus kreasi nya
BalasHapusmakasih gan udah berbagiilmunya .
BalasHapusnice
boleh jg thx gan
BalasHapusThanks untuk tips nya tetapi di blog saya tidak terdapat icon pensil komentar, apa karena theme yang saya buat sendiri ada yang kurang?
BalasHapussipp...
BalasHapusBlogger 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
mantap. thanks infonya gan.
BalasHapusbuat WP ada ga gan?
BalasHapusbuat WP ada ga gan?
BalasHapusThanks udah sharing inpohnya sob,., kunjungan balik jika berkenan,., ,,^_^,,
BalasHapusThanks, infonya bermanfaat banget buat newbie kek ane,., kunjungan balik sob bila berkenan,.,
BalasHapusMuantab bener =))
BalasHapusthanks sob
BalasHapusternyata mudah banget ya mas,
BalasHapusmakasih...