Menyesuaikan Ukuran gambar profile komentar Blogger

Oww yeah….

Hari ini gua mau berbagi cara untuk menyesuaikan gambar profiles komentar di blogger.

Saya sering jalan2 ke blog temen dan berkomentar,pada saat komentar saya muncul, ada yang nyelip di mata dan di pikiran saya… KOK gambar Profile Gue Gak Penuh…………….

 

Setelah Saya Inspect Element,dan lihat kode template blog temen,

TErnyata itu memang template blognya yang belum Disesuaikan,..

Langsung aja kE TKP…

Caranya :

1.masuk ke BloggerMU

2.Pilih Template à Edit HTML

3.Cari Kode  .avatar-image-container  (Gunakan ctrl+f )

Nanti akan Muncul kode seperti ini

.avatar-image-container {

  background: url(http: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF753mTRcbtAyORriTIBjU0ESXlQAvPt5-MylIjp0uqzhjg2uYVGjh2RJHgMLBk0Z0OOgeMuPAjWEKcB8hToHHx0HA-VwBM0wTTgj9BFcV0jo7D813Jt0QfcIZibH-prETg3PMrbo_L3y2/s1600/comment-avatar.jpg);

  width: 36px;

  height: 32px;

  float: right;

  margin: 5px 10px 5px 5px;

  border: 1px solid #dddddd;

}

.avatar-image-container img {

  width: 32px;

  height: 32px;

}

Ganti Kode width: 36px; Menjadi  width: 100%;

Ganti kode width: 32px; menjadi width: 100%;

Hasilnya akan Seperti ini..!

.avatar-image-container {

  background: url(http: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF753mTRcbtAyORriTIBjU0ESXlQAvPt5-MylIjp0uqzhjg2uYVGjh2RJHgMLBk0Z0OOgeMuPAjWEKcB8hToHHx0HA-VwBM0wTTgj9BFcV0jo7D813Jt0QfcIZibH-prETg3PMrbo_L3y2/s1600/comment-avatar.jpg);

  width: 100%;

  height: 32px;

  float: right;

  margin: 5px 10px 5px 5px;

  border: 1px solid #dddddd;

}

.avatar-image-container img {

  width: 100%;

  height: 32px;

}

Dan hasil nya akan Seperti ini