Thay đổi Font và Màu trong Bố cục Blogger

Người dùng Blogger của Google được cung cấp những tính năng để thay đổi kiểu font và màu cho các thành phần của blog rất dễ thực hiện cho dù không có trình độ sâu về HTML, thậm chí với người không biết về HTML vẫn có thể thực hiện được.

Tính năng này phù hợp với đa số các mẫu blog tiêu chuẩn, cách thức thực hiện dễ dàng. Các bạn có thể thực hiện theo các bước sau:

Bước 1: Truy cập vào Blogger để thực hiện

Bạn vào Blogger l Layout l Fonts and Colors

Bước 2: Cách thực hiện

Bên trái là các thanh cuốn lựa chọn các thành phần để thay đổi trong Blog, bên phải  (Chose a font /color for …) là phần miêu tả trực quan các yếu tố thay đổi bao gồm các thành phần sau:

- Đối với Font chữ (như hình trên) gồm 3 phần:

• Font family (chọn kiểu font)
• Font style (kiểu dáng font: Đậm, nghiêng)
• Font side (kích thước)

- Đối với màu sắc gồm:

• Colors from your blog (màu sắc hiện tại của blog)
• Colors that match your blog (Gợi ý chọn màu sắc phù hợp với blog)
• More colors (Tùy chọn màu khác)

Tùy thuộc vào thẩm mỹ, màu sắc mẫu bạn lựa chọn các thành phần thay đổi, xong việc click nút Save Changes là xong.

Ưu điểm:

• Thực hiện dễ dàng, trực quan sinh động.
• Thấy ngay được các thay đổi với khung blog ở dưới.
• Thay đổi được gần hết các yếu tố về màu sắc và font chữ cho bố cục blog

Nhược điểm:

• Với các mẫu blog được thiết kế không chuyên nghiệp, không theo cấu trúc chuẩn của blogger thì không thực hiện được.

Như vậy, VnBlognet đã giới thiệu cho các bạn các thức thực hiện thay đổi Font và màu trong bố cục Layout của blog, chúc các bạn thành công!

Với các blog khác không thực hiện được theo cách này, mình sẽ có bài hướng dẫn sau với cách thay đổi trong Edit HTML.

Các yếu tố thay đổi trong “Font and Colors):

1. General Font Properties
2. Page Font Color
3. Page Link Color
4. Page Link Hover Color
5. Mainbar Background Color
6. Header Title Font Properties
7. Header Title Color
8. Header Description Color
9. Menu Font Color
10. Menu Font Hover Color
11. Search Form Background Color
12. Search Form Border Color
13. Widget Title Background Color
14. Widget Title Border Color
15. Widget Title Color
16. Widget Border Color
17. Widget Background Color
18. Widget Text Color
19. Post Title Color
20. Post Header Text Color
21. Post Footer Text Color
22. Commnet and Blockquote Background Color
23. Commnet and Blockquote Border Color
24. Copyright Text Color
25. Footbar Border Color
26. Footbar Background Color

[VnBlognet]