Hầu hết các blogger mới thường không quan tâm nhiều đến vấn đề
giao diện và nhất là font chữ của web, họ chỉ chú ý đến phần lớn nội dung và số lượng bài
viết. Hầu hết trong số blog này đều có số lượng người truy cập ít và tỷ lệ người đọc
quay trở lại trang web rất thấp. Các bạn nên nhớ rằng việc cài đặt Template phải
thân thiện với người dùng, font chữ cở vừa, thân thiện, bắt mắt và dễ đọc. Ngoài
ra nội dung chủ đề cũng phải được đáp ứng một số tính năng tương thích với Template. Trong bài
viết này điều tôi muốn nhấn mạnh ở đây là font chữ. Nếu bạn đang cảm thấy rằng font chữ hiện tại vẫn chưa đẹp nên muốn thay đổi font chữ ngay lập tức? Trong một website điều quan trọng hàng đầu vẫn là chất lượng nội dung hay và thuyết phục. Nhưng nếu nội dung có
hay đến thế nào đi nữa mà sử dụng font chữ xấu thì sẽ làm cho bài báo của bạn
mất tính thẩm mỹ và sẽ ảnh hưởng không nhỏ đến lượng khách truy cập blog hiện tại và
trong tương lai.
Đọc thêm: Tạo form liên hệ bằng Google Form
Thay đổi font chữ trong blogger hoàn toàn dễ dàng và không khó khăn như bạn nghĩ. Tôi đã biết được các font chữ web có sẵn trên Google Fonts miễn phí, có thể chọn bất kỳ font chữ sử dụng nó trên trang web của bạn. Google Fonts là một trong những kho tàng font chữ phổ biến nhất mà hầu hết các website đang sử dụng. Một khối lượng font chữ rất lớn được lưu trữ trên máy chủ của Google nó thực sự nhanh chóng và tiện dụng cho bạn. Để cài đặt font chữ trong blog, chỉ cần thêm một thẻ liên kết html dưới thẻ <head>, trong đó font chữ được tải trên Google Font và sử dụng mã CSS font để dán vào phần HTML của trang web.
Bạn đừng lo lắng, nếu bạn là một newbie và không biết làm
thế nào để thay đổi và sử dụng Google Fonts trong blog, hướng dẫn bên dưới
tôi sẽ chỉ ra từng bước làm thế nào để thay đổi font chữ web
một cách dễ dàng.
Làm thế nào để Thay đổi & Sử dụng Google Fonts trong
Blogger?
Trong hướng dẫn bên dưới bạn có 2 thao tác cơ bản
để thay đổi một font chữ như ý muốn. Trong phần đầu tiên, chúng ta sẽ loại bỏ
các font hiện có trong mặc định của Themes và trong phần thứ hai sẽ cài đặt và sử
dụng font chữ mới.
- Đăng nhập vào Blogger >> Chọn Mẫu (Template) >> Chọn Chỉnh sửa HTML
- Trong bảng mã HTML hiện ra bạn tìm đến dòng chữ được đóng khung màu đỏ dưới thẻ <head> bằng cách ấn tổ hợp phím Ctrl+F và dán dòng chữ fonts.googleapis.com vào khung tìm kiếm và tìm đến dòng mã sau
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300,400,700' rel='stylesheet' type='text/css'/>
Bạn chỉ cần xóa dòng mã đóng khung đỏ bên dưới và sau
đó ấn vào Lưu Mẫu.
2. Cài đặt Font mới trong Blog của
bạn
Bạn Google Fonts ở đây và tìm thấy
những font tốt nhất mà bạn muốn sử dụng.
Sau khi chọn font, click vào nút
"sử dụng nhanh", thể hiện trong hình dưới đây.
Tiếp theo bạn tích chọn fonts chữ theo ý thích của mình và kéo thanh trượt xuống dưới để copy đoạn mã fonts mà Google Fonts đã tạo cho bạn. Bạn dán mã này vào đoạn mã ở hình ảnh ban đầu mà bạn đã xóa.
3. Tích hợp các phông chữ vào CSS của bạn:
Google Fonts API sẽ tạo ra CSS trình duyệt cụ thể cần thiết để sử dụng các phông chữ. Tất cả bạn cần làm là thêm các tên font để phong cách CSS của bạn. Ví dụ như:
Sao chép mã và đăng nhập vào Blogger >> đến Chỉnh sửa HTML
Tìm kiếm thẻ body {
Ở đó bạn sẽ thấy font-famiy:
Di chuyển chuột cho đến dấu chấm phẩy font-family và dán vào đó
Sau đó ấn Lưu Mẫu.
Nếu font chữ bị lỗi thì dán thêm đoạn code sau đây phía trên đoạn mã ]]> </ b: skin>
Code để dán
body, h1,h2,h3,h4,h5,h6 .post, .post-body, .content-wrapper, .main-wrapper, .outer-wrapper, .footer-wrapper, #content-wrapper, #main-wrapper, #footer-wrapper, #rsidebar-wrapper, .sidebar-wrapper {FONT FAMILY PROPERTY HERE!important}
Dán dòng chữ font-family: vào đoạn được tô màu hồng phía trên. Như vậy blog của bạn sẽ hoạt động tốt, và fonts chữ sẽ hoạt động bình thường. Chúc bạn thành công qua bài viết này.
No comments:
Post a Comment