Trik sederhana ini akan membantu Anda untuk mengubah ukuran avatar dalam komentar Blogger. Untuk mengubah gaya dan ukuran avatar, kita harus menambahkan beberapa kode CSS pada template Blogger kita.
Langkah :
- Masuk ke akun blogger Anda
- Masuk ke menu Template > Edit HTML > Proceed > centang Expand Template Widget
- Cari kode dibawah ini :
]]></b:skin>4. Masukkan kode dibawah ini tepat diatas pada kode diatas :
- Kode dibawah ini, bekerja pada sistem thread blogger :
.comments .avatar-image-container{background-color: rgb(34, 34, 34);border:1px solid #ccc;margin: 0px 10px 0px 0px;padding: 0px 0px 0px 0px;width: 64px;max-height: 64px;}.comments .avatar-image-container img{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;max-width: 64px;height: 64px;}
- Kode dibawah ini, bekerja pada sistem blogger lama :
.avatar-image-container{border:1px solid #d6d6d6;margin-left: -30px;-moz-border-radius: 4px;background:#fff;height:70px;min-height: 70px;width:70px;min-width:70px;}.avatar-image-container img {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI35Vl4AtCcd2fnwlG5lN5U06eTivuk4fnGy_2hK8uZywSi7wSmYNxxp1X5p60P3DNpkineyaxV-LaL8n-ju6IMbCXHGiFiChacRK90SJPaGvCQQkgK09wLgYjHdRLYGXAmoviQZQmstQ/s200/anonymous.jpg);background-repeat: no-repeat;background-position: center;background-size: 100%;width:70px;min-width:70px;height:70px;min-height:70px;}
Catatan :
Jika Anda ingin avatar lebih besar/lebih kecil, ubah ukuran warna merah. Untuk mengubah avatar anonim, ganti alamat URL warna biru dengan gambar Anda sesuai keinginan Anda sendiri. (bekerja hanya untuk sistem komentar sebelumnya)4. Simpan Template.
Post a Comment
Beberapa panduan dalam berkomentar :
Untuk menyisipkan kode ⇨ [code]KODE ANDA[/code]
Untuk menyisipkan quote ⇨ [blockquote]QUOTE ANDA[/blockquote]
Untuk menyisipkan gambar ⇨ [img]URL Gambar[/img]
Untuk menyisipkan video ⇨ [youtube]URL Video[/youtube]
Anda bisa mengekspresikan komentar Anda dengan emoticon
Klik subscribe by email agar Anda segera tahu balasan komentar Anda