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;
}
Catatan: Ukuran standar diatur ke 50px. jika Anda ingin Mengubah ukuran avatar maka cukup memodifikasi CSS di atas.
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;
}
Catatan: Ukuran standar diatur ke 50px. jika Anda ingin Mengubah ukuran avatar maka cukup memodifikasi CSS di atas.
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.
Belum ada tanggapan untuk "Posisi gambar avatar Komentar"
Post a Comment