Sửa lỗi avatar của Blogger

/
Dạo gần đây Blogger đã tiến hành nhiều cập nhật, đây là một điều đáng mừng để nền tảng này ngày càng hoàn thiện. Nhưng có một số update gây khá nhiều phiền phức, một trong số đó là lỗi avatar (lệch khung, không đúng kích thước... )


Căn nguyên của lỗi này là do một số đoạn CSS đã được thêm vào trong file bundle.css như thế này:
.avatar-image-container {
    float: left;
    max-height: 36px;
    overflow: hidden;
    width: 36px;
}
.avatar-image-container img {width: 36px;}

Theo như trên thì kích thước avatar tối đa mà Blogger qui định là 36x36, ta có thể thay đổi lại để phù hợp với template của mình. Ví dụ trong Newcast Template, để sửa lỗi avatar thì ta thêm đoạn CSS sau phía trên ]]></b:skin>:
.avatar-image-container { 
     width: 60px !important;
     max-height: 60px !important;
     float:none !important;
}
.avatar-image-container img { max-width:60px !important; width: 60px !important; }

Như vậy kích thước avatar đã được đổi lại là 60x60. Hy vọng mẹo trên có ích cho những ai đang đau đầu vì vấn đề không đáng có này.
Add a Comment

35 comments

:) Lần đầu bóc tem :D

Cảm ơn Noct. +1

đã áp dụng:P

1/31/2012 comment-delete

hình như tại ảnh ava của anh Triết ko phải vuông ;))

1/31/2012 comment-delete

Ngóng mãi mới thấy bác Noct xuất bài ^^

2/01/2012 comment-delete

Blog bác này không cho chèn comment nặc danh à ...

Lâu lắm mới thấy bác Noct
Rất nhiều blog có cmt avt bị kéo giãn

2/01/2012 comment-delete

Cảm ơn bác Noct. Lâu lâu làm 1 bài cho nó vui làng vui xóm chứ.

2/02/2012 comment-delete

Lấy ảnh nào kg lấy lại lấy ngay cái ảnh của mình làm ví dụ :)

2/03/2012 comment-delete

Noct có thể xem bản demo của template Simplista ko? Ở các comment thì nó bị nhảy sai vị trí. Đó có phải do lỗi như Noct đã trình bày ở bài này?

Q.B
2/04/2012 comment-delete

Cảm ơn anh Noct! Vào đọc bài mới để ý là blog của em cũng bị lỗi.
Em fix được rồi!
À anh ơi, anh có cách nào để sử dụng comment phân cấp của google, em đang xài bộ khung comment của anh!
Cảm ơn anh

@ Minh Triết: Vinh dự thế còn gì. Hihi!^^

Làm 1 cái giao diện comment phân cấp mới của blogspot đi

2/05/2012 comment-delete

@Q.Bchính là lỗi avatar đó bạn, sửa lại như đã nói ở trên.

2/07/2012 comment-delete

Cho e đặt cái link bác Noc ơi:
http://www.manhdatblog.com/
:))

Cuối cùng cũng sửa xong cái vụ avatar này. Dạo này phải quản lý thời gian chặt chẽ may ra mới blogging điều đặn được.
b-(

2/09/2012 comment-delete

@Tien Nguyencố lên bác b-)

2/10/2012 comment-delete

Cảm ơn Noct!

2/12/2012 comment-delete

cảm ơn bài viết của bạn :)

2/15/2012 comment-delete

Nhận xét này đã bị quản trị viên blog xóa.

2/15/2012 comment-delete

Em phát hiện ra lỗi trên theme Newcast sau khi edit theo bên trên: comment hiển thị lệch trên IE9.

Xem blog bác trên IE9 cũng ko xem đc các comment :|

Sr bác Noc.

Nói về Newscast, em thấy hình như comment phân cấp của nó bị hư rồi thì phải. Bác có thể chỉ em cách để sử dụng comment của blogger không?

2/17/2012 comment-delete

Blogger hình như lại mới thay đổi cái j đó làm ava hiển thị méo :|

@Nguyễn Anh Duyđúng là rứa b-(
vừa cập nhật lại code, bác làm lại từ đầu nhé.

2/21/2012 comment-delete

@Noct: Cảm ơn Noct, thế ko có cách nào để ko bị ảnh hưởng như temp noct đang dùng à? :(

Mà để vào đc .blogspot.com của Noct giờ phải dùng dns :|

@Nguyễn Anh Duyđang làm như thế này http://blog.duypham.info/2012/02/xoa-bo-navbar-va-stylesheet-blogger.html

2/21/2012 comment-delete

Nhận xét này đã bị tác giả xóa.

@Phạm Minh Tâmsearch google với từ khóa là "huong dan su dung google code" nhé

2/23/2012 comment-delete

@ Noct: Cái tớ muốn hỏi là cách Download về máy, còn up lên google code thì tớ đã rõ. Thanks!^^

@Phạm Minh TâmBạn copy link js đó cho lên trình duyệt. Ví dụ file Này . Rồi copy tất cả đó cho vào file text, lưu lại với đuôi .js rồi sau đó up lên googlecode hay box net là ok mà

@ Nguyễn Hải ™: Ui cha, thế mà tớ hổng bít, cảm ơn bạn nha.

@Phạm Minh TâmUh, biết tí gì thì chia sẻ cái đó mà

Ồ hiểu rồi, và hình như bác cũng đã fix được.

Kí tự : ) ) phải ở trước : ), và tương tự cho các cái khác.

4/22/2012 comment-delete

Thanks đã chia sẽ bài viết hưu ích này nhé.

7/23/2012 comment-delete

Đăng nhận xét

- Không chèn liên kết quảng cáo khi đăng nhận xét.
- Nội dung nên liên quan tới chủ đề của bài.
- Use English if you do not understand what we are talking about.

Chèn Emoticons
Top
Copyright © 2011 Noct Blog. Content is licensed under a Creative Commons Attribution-NonCommercial 3.0 License