Cách chèn icon Awesome vào blogspot cực đẹp

Để có thể chèn các icon đẹp mắt vào trong trang web hay blog của bạn một cách dễ dàng, nhanh gọn lẹ mà không cần phải mất thời gian để thiết kế icon chúng ta chỉ việc dùng Font Awesome. Là một phần mở rộng trong Bootstrap Framework, Awesome cung cấp cho chúng ta rất nhiều icon đẹp. Trong bài viết này mình sẽ giúp các bạn chèn icon vào blogspot một cách nhanh chóng và dễ dàng.

Chèn icon vào blogspot

Như các bạn thấy trong hình trên, các icon được chèn vào đầu các thuộc tính của blogspot trông rất đẹp mắt và chuyên nghiệp. Các bạn có thể sử dụng hàng nghìn font được cung cấp tại trang chủ :

https://fortawesome.github.io/Font-Awesome/icons/

Bắt đầu thực hiện:

- Để sử dụng Font Awesome cho blogspot trước tiên các bạn cần chèn đoạn code dưới đây vào trước thẻ </head>

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet"/>

 - Bây giờ bạn muốn chèn icon vào vị trí nào là do bạn lựa chọn, còn icon thì các bạn lấy trong danh sách các icon từ trang chủ (link danh sách icon fortawesome ở trên).

- Trên trang chủ của Awesome cũng có hướng dẫn rất chi tiết cách chèn icon, chỉnh độ to nhỏ của icon:

Như vậy các bạn chỉ cần chèn đoạn code ngắn: <i class="fa fa-bluetooth"></i> để chèn icon Bluetooth vào blog. Nếu muốn tăng kích thước của icon cho phù hợp với blog thì các bạn thêm: fa-lg, fa-2x, fa-3x, fa-4x, fa-5x vào code trên. Ví dụ:

<i class="fa fa-bluetooth fa-lg"></i>
<i class="fa fa-bluetooth fa-2x"></i>
<i class="fa fa-bluetooth fa-3x"></i>
<i class="fa fa-bluetooth fa-4x"></i>
<i class="fa fa-bluetooth fa-5x"></i>

Hướng dẫn sử dụng chi tiết:

http://fortawesome.github.io/Font-Awesome/examples/

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