Cài đặt Font Awesome 5 Pro cho Blogger

Anh Trai Nắng
0
Font Awesome 5 là một trong những icon font phổ biến nhất hiện nay hổ trợ rất nhiều icon miễn phí, rất dễ dàng để tích hợp vào website.

Font Awesome 5 Pro là một thư viện chứa các font chữ ký hiệu hay sử dụng trong website. Font chữ ký hiệu ở đây chính là các icons mà ta thường hay sử dụng trong các layout website.

Trước đây để tạo các ICON đó ta phải thực hiện cắt chúng ra từ file PSD và dùng CSS để gán background hoặc dùng thẻ img để đưa ICON đó vào. Tuy nhiên hiện nay chúng ta đã có giải pháp khác đó là sử dụng Symbol Font (font chữ kiểu ký hiệu). Hiện nay có nhiều thư viện Symbol Font nhưng mạnh nhất và hay sử dụng nhất là Font Awesome vì nó đơn giản và dễ sử dụng.

Cài đặt Font Awesome 5 Pro cho Blogger
Font Awesome 5 Pro Free Setting.

Font Awesome được xây dựng thành nhiều định dạng file font khác nhau như file otf, eot, ttf, woff, svg, … Vì vậy bạn dễ dàng đưa vào sử dụng và hầu hết các hệ điều hành máy tính hiện nay đều chạy được.

Ngoài các icons thông thường ra thì bạn có thể tạo các icons động bằng cách kết hợp với CSS3.

Nếu bạn sử dụng Bootstrap để xây dựng CSS cho blgospot thì sẽ dễ dàng nhận thấy sự cần thiết của Font Awesome bởi vì chúng kết hợp với nhau khá là tốt và tạo ra các sản phẩm khá là bắt mắt.

Cài đặt Font Awesome 5 Pro vào Blogger

Các bạn đăng nhập vào Blogger > Chủ đề > Chỉnh sửa HTML và dán đoạn code sau lên trên thẻ đóng </body>

<script type='text/javascript'>
//<![CDATA[
//CSS Ready
function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) }
loadCSS("https://kit-pro.fontawesome.com/releases/v5.13.0/css/pro.min.css");
//]]>
</script>(code-box)

Hướng dẫn sử dụng Font Awesome

Các bạn vào mục Icon của trang chủ Font Awesome tìm icon mà mình muốn sử dụng.

Cài đặt Font Awesome 5 Pro cho Blogger

Chọn vào icon muốn dùng, copy tên class và sử dụng.

Cài đặt Font Awesome 5 Pro cho Blogger

Và paste vào Blogger ở vị trí mong muốn.

Version Font Awesome 5.15.2

  • Cập nhật: January 13, 2021
  • Đã thêm các biểu tượng mới liên quan đến COVID-19.
  • Biểu tượng thương hiệu mới deezer, edge-inherit, google-pay, rush, tiktok và unsplash.
  • Đã cập nhật biểu tượng thương hiệu bandcamp, google-plus, tripadvisor và yahoo
  • Đã thêm các biểu tượng thương hiệu được tài trợ bởi guild, innosoft, instalod, hive, ns8 ,opus-deploy, perbyte, unsharted, watchman-monitor và wodu
  • Đã xóa biểu tượng adobe theo yêu cầu của Adobe
  • Cập nhật biểu tượng thương hiệu rocketchat
  • Tính năng phát hiện xung đột hiện bao gồm Bộ dụng cụ khi kiểm tra xung đột.

Lời kết

Như vậy là mình vừa hướng dẫn các bạn cài đặt và sử dụng Font Awesome 5 Pro cho Blogger cực kỳ đơn giản. Nếu có thắc mắc chỗ nào có thể để lại bình luận ở dưới mình sẽ hổ trợ.

Chúc các bạn thành công!

Đăng nhận xét

HƯỚNG DẪN BÌNH LUẬN

0 Nhận xét

Đăng nhận xét (0)

#buttons=(Thanks!) #days=(7)

À mình có làm website tăng tương tác MXH giá rẻ. Mọi người nếu cần thì ghé sử dụng các dịch vụ thử nha. Ghé xem dịch vụ
Ok, Go it!

HƯỚNG DẪN BÌNH LUẬN

Chèn link

Sử dụng công cụ Tạo link

Chèn hình ảnh

LINK_ANH - sử dụng công cụ upload ảnh. Và chỉ cần lấy link ảnh chèn vào bình luận là ảnh tự động hiển thị.

Định dạng chữ

<b>Chữ in đậm</b>
<i>Chữ in nghiêng</i>
<u>Chữ gạch chân</u>
<strike>Chữ gạch ngang</strike>

Chèn một đoạn Code

Đầu tiên sử dụng công cụ này để mã hóa đoạn code muốn chèn.
Sau đó dùng thẻ [code] CODE_ĐÃ_MÃ_HÓA [/code]

Khác

Nhập Email bạn hay dùng để nhận thông báo khi mình trả lời bình luận của bạn.
Vui lòng không nhập bất kỳ Liên kết Spam nào trong hộp nhận xét.
Tích vào ô "Thông báo cho tôi" để nhận thông báo nội dung phản hồi của bình luận.
Chèn emoji: Nhấn tổ hợp phím “Windows + . (dấu chấm)”

Đã hiểu