Cara Mengubah Ukuran Avatar Dalam Komentar Blogger

Trik sederhana ini akan membantu Anda merubah ukuran avatar dalam komentar Blogger yang ukurannya default adalah dari 36px. Cukup kecil mengingat bahwa banyak situs hari ini menggunakan avatar yang jauh lebih besar. Untuk mengubah gaya avatar sangat mudah, Anda hanya perlu menambahkan kode css pada template blogger Anda yang akan membuat ukuran avatar untuk memiliki lebar dan tinggi 64px.

Langkah 1. Pergi ke Dasbor -> Template -> klik pada tombol Edit HTML

klik di mana saja di dalam area kode dan tekan CTRL + F untuk membuka kotak pencarian blogger

Langkah 2. Ketik atau tempel tag ini di dalam kotak pencarian dan tekan Enter untuk menemukannya

]]></b:skin>

Catatan; Anda mungkin perlu klik tanda panah di sebelahnya dan kemudian mencari tag ini lagi

Langkah 3. Tergantung pada sistem yang komentar Anda gunakan (dengan balasan / tidak), copy dan paste salah satu kode berikut tepat di atas itu.

[Bekerja di Blogger berulir sistem komentar]

.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;
}

[Untuk sistem komentar 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/AVvXsEgFqESU-E8C8Yp_zmO1ZUphwXhIXVWE0tPFaAa7v-s4an90Ha5SygrQmvUSellBrHhpd3FkkU5Nd-II4whDvXK7RQRh-3SlqhiN8vpyvH97_ijiNsFyirEB-C_Ji5Tpyxu3tCB_sk_9Gf8/s200/anonymous.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
width:70px;
min-width:70px;
height:70px;
min-height:70px;
}

Catatan: Untuk lebih besar / avatar kecil, mengubah nilai-nilai merah. untuk mengubah avatar anonim, ganti URL warna biru dengan URL Anda sendiri. (Bekerja hanya untuk sistem komentar lama: yang tidak memiliki jawaban pilihan.

Langkah 4. Klik tombol Save Template. Sekarang Blogger komentar avatar anda harus terlihat lebih besar.