GO Blog

Ini adalah Trik Cepat untuk memperbaiki gambar avatar komentar blogger yang tidak sesuai. Saya melihat di banyak blog gambar avatar Komentar mereka tidak berada dalam posisi yang benar dan ukuran yang pas. Hal ini karena CSS default Komentar Sistem dan Komentar Threaded. yang ada dalam template Anda dan menyebabkan tampilan gambar avatar tidak benar. berikut ini adalah sebuah tip dengan css untuk Reset gambar Avatar dan Gaya Image.

Berikut Ini adalah ulang CSS untuk Komentar Gambar Avatar dan bekerja untuk kedua default Komentar Sistem dan System Threaded Komentar.

1. Masuk ke Blogger Dashboard> Pilih Blog Anda dan Klik Menu Dropdown
2. Pilih Template> Klik Edit HTML
3. Cari kode tag ]]></b:skin> dan letakkan kode di bawah ini diatasnya:

.avatar-image-container,
.avatar-image-container img{
 max-width:50px !important;
 width:50px !important;
 max-height:50px !important;
 height:50px !important;
 padding: 0 !important;
 border:0px;
}

Bagaimana cara membuat bulatan pada Gambar Avatar Komentar Blogger?

Berikut cara membuat bulatan gambar Avatar dalam komentar blogger. berikut ini adalah CSS untuk itu, css ini akan mengatur ulang ukuran avatar normal dan putaran Image. (jadi jangan gunakan CSS di atas)

Cari kode tag ]]></b:skin> dan letakkan kode di bawah ini sebelum kode tersebut

.avatar-image-container,
.avatar-image-container img {
 max-width: 50px !important;
 width: 50px !important;
 max-height: 50px !important;
 height: 50px !important;
 padding: 0 !important;
 border: 0px;
 -webkit-border-radius: 999px;
 -moz-border-radius: 999px;
 border-radius: 999px;
}

.avatar-image-container{
 border:3px solid #fff !important;
 -webkit-box-shadow: 0 1px 2px #BBB;
 -moz-box-shadow: 0 1px 2px #BBB;
 box-shadow: 0 1px 2px #BBB;
}

4. Jangan lupa simpan template anda.

Jika posting ini sangat berguna bagi Anda? maka silakan di bagikan keteman lainnya Terima kasih. Jangan lupa tinggalkan komentar Anda.