Cara Merubah Gambar Anonim Komentar Blogger dengan CSS

Sahabatkudhen.com - Seelamat malam sobat,kali ini ingin mencoba share tentang Tutorial blogspot dulu. Seperti yang kubilang pada postingan cara modifikasi tampilan scrollbar . Nah sebelumnya saya juga udah share tentang Tutorial Blog/Memperindah blog yaitu Cara Memasang Notifikasi Seperti Windows 8 di blogspot . Okey Back To Topik .

Apakah kalian sering lihat gambar Anonim/Anonymous dari komentar blogspot yang menampilkan gambar orang yang berwarna abu-abu seperti Gambar ini. Jika benar,maka kali ini saya akan coba share untuk merubahnya menjadi gambar seperti dibawah ini.

Tutorial ini saya dapetkan di blognya MKR-Site.Blogspot.com. Tutorial  ini sangat mudah dan tentunya cumaa mengandalkan satu CSS khususnya CSS3 atribut 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.

Berikut Caranya :

1. Login ke akun Blogger.com sobat
2. Pilih Template
3. Edit html
4. Cari kode ]]></b:skin>
5. Kemudian copy kode di bawah lalu pastekan di atas kode ]]></b:skin>.

.comments .avatar-image-container img[src="http://img1.blogblog.com/img/anon36.png"] {
content: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoZ6uM8mOnwJKgEXspwMP9yNwnBNSpkX8G_KySVXPKxKr5FIz2gSBOjxAKWAR4368batHuchZBzE5vgAjoTybZL-PCNAxZpf0EGzD2Pz-NXQW2cHDW8LsBWWteJuTybgceGzRY5PFDTozb/s70/user-anonymous-icon.png);
}

6. Lalu Save dan lihat hasilnya..

Keterangan : Yang saya beri warna merah itu berupa gambar icon penggantinya,sobat bisa menggantinya dengan gambar apapun asal ukuran nya tetap supaya tidak berantakan. Semoga Bermanfaat..

Terima kasih MKR-Site