Cara merubah ukuran avatar pada komentar blogger

Trik sederhana ini akan membantu Anda untuk mengubah ukuran avatar dalam komentar Blogger. Untuk mengubah gaya dan ukuran avatar, kita harus menambahkan beberapa kode CSS pada template Blogger kita.

Langkah :

1. Masuk ke akun blogger Anda
2. Masuk ke menu Template > Edit HTML > Proceed > centang Expand Template Widget
3. Cari kode dibawah ini :

]]></b:skin>

   4.  Masukkan kode dibawah ini tepat diatas pada kode diatas :

• Kode dibawah ini, bekerja pada sistem thread blogger :

.comments .avatar-image-container{background-color: rgb(34, 34, 34);border:1px solid #ccc;margin: 0px 10px 0px 0px;padding: 0px 0px 0px 0px;width: 64px;max-height: 64px;}.comments .avatar-image-container img{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;max-width: 64px;height: 64px;}

• Kode dibawah ini, bekerja pada sistem blogger lama :

.avatar-image-container{border:1px solid #d6d6d6;margin-left: -30px;-moz-border-radius: 4px;background:#fff;height:70px;min-height: 70px;width:70px;min-width:70px;}.avatar-image-container img {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEzDJ-9NMHTVw5BWkfgP99RJrForeRGjjlRe_HWFqZdB6AYCr_kUUC0CVk6rnXKmSK_4Ir8JrpC4lKkGLfhtuSwfBTSAM2YuwqJ4hpYCWDPDmeUCmKof0vrMbdELID4rjwG5sbktBqhV0/s200/anonymous.jpg);background-repeat: no-repeat;background-position: center;background-size: 100%;width:70px;min-width:70px;height:70px;min-height:70px;}

Catatan :

Jika Anda ingin avatar lebih besar/lebih kecil, ubah ukuran warna merah. Untuk mengubah avatar anonim, ganti alamat URL warna biru dengan gambar Anda sesuai keinginan Anda sendiri. (bekerja hanya untuk sistem komentar sebelumnya)

   4.  Simpan Template.

Tweet

Subscribe to receive free email updates: