Bundarkan Comments Avatar Image

Bundarkan Comments Avatar Image - Cara Membuat Icon Blogger Comment menjadi bentuk bulat. Satu fase telah kita lalui dan berhasil diterapkan, yaitu Menampilkan Gambar Avatar Pada Komentar Blogger. Namun setelah gambar atau foto itu muncul, ingin gambar tersebut berbentuk bundar atau bulat.

Dengan membulatkan Comments Avatar Image, gambar atau foto komentar di blog kita akan terlihat lebih mungil dan rapih. Admin Tips Wisata Murah bilang : "Berani Tampil Beda".  Cara Membuat Bundar Comments Avatar Image ini sangatlah mudah. Sobat tinggal Login ke Akun Blogger sobat, lalu :

Edit HTML
Template › Edit HTML
Lanjutkan dengan mencari kode : ]]></b:skin>
(Gunakan Ctrl + F untuk mempermudah dan mempercepat pencarian).
Copy dan paste-kan kode css dalam  Post Blockquote dibawah, di atas kode ]]></b:skin>
 

.comments .avatar-image-container{
        max-height:50px;
        max-width:50px;
        height:50px;
        width:50px;
        border-radius:29px;
        padding:2px;
        border:2px solid #39E939;
        box-shadow:-1px -1px 1px #444,2px 2px 4px #444;
        background:#1B3CFA;
        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 #FE081C !important;   
}
.comments .comment-block{
        margin-left:75px;
}

Simpan Template/Save Template

Buka blog di halaman posting, kemudian buat sebuah komentar untuk melihat hasilnya. Untuk warna background dan warna border silahkan kreasikan sesuai dengan kesukaan sobat.

Selamat berkreasi, semoga berhasil dan tentunya membawa manfaat untuk sobat, happy blogging !