Membuat Comments Avatar Bingkai Bulat

Modifikasi comments avatar dengan backgound bingkai bulat :
1. Login ke Blogger
2. Template - Edit HTML
3. Centang kotak kecil pada - Expand Template Widget
4. Cari kode ]]></b:skin>

dan letakkan kode berikut diatasnya

.comments .avatar-image-container{
   max-height:50px;
   max-width:50px;
   height:50px;
   width:50px;
   border-radius:29px;
   padding:2px;
   border:2px solid #0011FF;
   box-shadow:-1px -1px 1px #444,2px 2px 4px #444;
   background:#FF52E00;
   margin:2px 4px 2px 2px;
}
.comments .avatar-image-container img{
   width:50px;
   max-width:50px;
   height:50px;
   max-height:50px;
   border-radius:25px;
   border:0 solid #00AEFF !important;
}
.comments .comment-block{
   margin-left:75px;
}

5. Selesai dan simpan template

Keterangan :
Teks warna biru adalah warna dari background dan border komentator, silahkan ganti dengan warna sesuaikan selera anda. Untuk memudahkan mencari kode warna silahkan Klik Disini

Anda baru saja membaca artikel yang berkategori Tutorial Blogger dengan judul Membuat Comments Avatar Bingkai Bulat. Anda bisa bookmark halaman ini dengan URL http://dyenps.blogspot.com/2013/02/membuat-comments-avatar-bingkai-bulat.html. Terima kasih!