Biến Giao Diện Blogspot Trở Nên Độc Đáo Với Google Fonts: Hướng Dẫn Chi Tiết

 Google Fonts là một kho lưu trữ phong phú chứa hàng trăm loại phông chữ dành cho việc sử dụng trên các trang web và ứng dụng. Vì vây, để làm cho blog của bạn nổi bật và độc đáo hơn, bạn có thể sử dụng Google Fonts để tùy chỉnh kiểu chữ trên trang blog của mình. Dưới đây là hướng dẫn cụ thể về cách sử dụng Google Fonts trên Blogspot!

Cách tích hợp Google Fonts vào Blogspot

Bước 1 : Cài đặt Google Fonts

Hãy truy cập trang web Google Fonts. Tìm kiếm và chọn font mà bạn muốn sử dụng, sau đó nhấn vào nút “Chọn phong cách”. 
 
Một số font chữ của Google 

 

Trong cửa sổ mới, bạn sẽ thấy mã nhúng (Embed code) để sử dụng font này. Sao chép mã này và dán vào trình chỉnh sửa CSS hoặc HTML của Blogspot để tải và sử dụng font đó trên blog của bạn.
 
Mã nhúng (Embed code) để sử dụng font chữ

 

 

Bước 2 : Tùy chỉnh kiểu chữ trên Blogspot

Đăng nhập vào Blogger >>Mẫu (Template) >> Chỉnh sửa HTML >> Thêm đoạn mã HTML vào trên </head>
 
Ví dụ :
 
<link href=”http://fonts.googleapis.com/css?family=Dancing+Script:700,400″ rel=”stylesheet” type=”text/css” />
 
Lưu ý: Hãy thêm một dấu gạch chéo ( / ) để tránh xảy ra lỗi Error parsing XML (Lỗi cú pháp) khi chúng ta Save Template.
 
Thêm đoạn mã CSS đã lấy vào trên thẻ  ]]></b:skin>
 

Ví dụ

font-family: 'Merienda', sans-serif;

 

Bước 3: Lưu và Xem trước

Sau khi bạn đã thay đổi kiểu chữ theo ý muốn, hãy nhớ lưu thay đổi bằng cách nhấn vào nút “Lưu” hoặc “Áp dụng”. Sau đó, bạn có thể xem trước blog của mình để kiểm tra xem kiểu chữ đã được áp dụng đúng cách.
 
 
Vậy là bạn đã thành công trong việc sử dụng Google Fonts để tùy chỉnh giao diện của blogspot của mình. Hãy thử nhiều phông chữ khác nhau để tạo ra một trang web độc đáo và thu hút hơn.

Leave a Reply

Your email address will not be published. Required fields are marked *