Cara Merubah Gambar Avatar Komentar Anonim Di Blog

Cara Merubah Gambar Avatar Komentar Anonim Di Blog


Cara Merubah Gambar Avatar Komentar Anonim Di Blog | Hay sobat apa kabar kalian semua ? Kali ini blog Acep-Computer akan berbagi tutorial blog. Tutorial kali ini adalah Cara Merubah Gambar Avatar Komentar Anonim Di Blog. Mungkin dari kalian pernah melihat komentar anonim atau name/url yang warna defaul nya adalah berwarna abu-abu. Nah gambar itu ternyata juga bisa di modifikasi lho sob…?

Gambar anonim atau name/url dapat di modifikasi dengan jquery atau javascript. Tapi tutorial kali ini saya tidak membahas memodifikasinya dengan menguunakan jquery atau javascript, melainkan memakai CSS yang notabene leboh ringan penggunaannya dibanding dengan jquerydan javascript. Penasaran ingin melihat demonya ? silahkan lihat demonya di Blog Mas Acep atau di komentar di blog ini.

Cara Merubah Gambar Avatar Komentar Anonim Di Blog

Manipulasi itu ternyata dapat dilakukan hanya dengan CSS khususnya CSS3 atribute selector. Intinya dengan menggunakan CSS3 attribute selector kita akan menentukan attribute src yang mengandung link dari gambar anonim kemudian menggantinya dengan gambar yang kita hendaki.
Link dari gambar anonim dari blogger biasanya seperti ini http://img1.blogblog.com/img/anon36.png. Nah itulah nantinya yang akan kita rubah.

Cara Merubah Gambar Avatar Komentar Anonim Di Blog Menggunakan CSS :

  1. Buka blogger
  2. Masuk ke template
  3. Edit HTML => Centang Expand Template Widget
  4. Kemudian cari ]]></b:skin> dengan CTRL+F dan copy kode dibawah ini, dan taruh tepat diatas ]]></b:skin>
  5. .comments .avatar-image-container img[src=”http://img1.blogblog.com/img/anon36.png{
    content: url(http://4.bp.blogspot.com/-AEWksK942OE/UFiyLzXJhiI/AAAAAAAAFKE/jBegaGPClxI/s70/user-anonymous-icon.png);}

  6. Lalu simpan atau save template anda

Catatan :

  • Saran saya sebelum mencoba triks ini, silahkan backup template anda agar tidak terjadi hal-hal yg tidak diinginkan.
  • Ganti link yang berwarna biru dengan url gambar anonim terserah anda yang anda mau. Di google banyak. Search dengan keyrord “Gambar Avatar Anonim
  • Cara ini hanya berhasil diterapkan pada browser (webkit) seperti google chrome dan maxthon.

Oke cukup sekian tutorial Cara Merubah Gambar Avatar Komentar Anonim Di Blog dari saya, apabila ada kekurangan mohon dimaafkan dan apabila ada kelebihannya semoga bisa bermanfaat untuk kita semua. Salam Blogger ^_^

Sponsored Ad

Related Posts