Modifikasi Tanda Author di Komentar Reply Blogger
komentar, Modifikasi Template Sabtu, Januari 14, 2012
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
- 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













