Chào mọi người.
tips sữ dụng Font Awesome để làm đẹp giao diện blogger của bạn.Sau đây là cách
cài đặt Font Awesome 5 Pro cho Blogger mà mọi người nên tìm hiểu và áp dụng cho giao diện của bản thân.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. 
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>
Hướng dẫn sử dụng Font Awesome.
Các bạn vào mụcIcon của trang chủ Font Awesome tìm icon mà mình muốn sử dụng.
class và sử dụng.
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!
Theo AnhTraiNang.Com
Hướng dẫn bình luận
Mọi người để lại bình luận góp ý, nhận xét về những bài viết mà mình chia sẽ văn minh lịch sự hay kích động, Không spam, không chèn link quảng cáo, bán hàng, Không sử dụng từ ngữ thô tục, xúc phạm, kích động, Link chỉ được phép khi thực sự liên quan đến nội dung bài viết, Không mạo danh người khác hoặc sử dụng email giả, Bình luận vi phạm sẽ bị xóa không cần thông báo trước.Mọi người lưu ý răng, nếu muốn chia sẽ code ở bình luần thì cần mã hóa code trước khi bỏ vào khung nhé. :)
⑴ Chèn ℂ𝕤𝕤 theo mẫu :
[pre css] CSS [/pre]⑵ Chèn ℍ𝕥𝕞𝕝 theo mẫu :
[pre html] HTML [/pre]⑶ Chèn 𝕁𝕒𝕧𝕒𝕤𝕔𝕣𝕚𝕡𝕥 theo mẫu :
[pre js] Javascript [/pre]🖼️ Chèn 𝕀𝕞𝕒𝕘𝕖 theo mẫu :
[img] Link hình ảnh [/img]🎞️ Chèn Video 𝕐𝕠𝕦𝕥𝕦𝕓𝕖 theo mẫu :
[youtube] Link Youtube [/youtube]0 Nhận xét