Cách Thêm Icon Vào Trước Tiêu Đề Widget

Xin chào tất cả các bạn! Hôm nay mình xin hướng dẫn các bạn cách thêm Icon vào trước tiêu đề Widget... Vì một số bạn chưa biết lên mình hướng dẫn luôn nhé và mình viết bài này cho những người chưa biết làm thôi nhé. Ai biết rồi thì góp ý cho mình nhé... Xin cảm ơn!
Cách Thêm Icon Vào Trước Tiêu Đề Widget



CÁC BƯỚC THỰC HIỆN


Bước 1. Truy cập Quản trị blogger - Chủ đề - Chỉnh sửa HTML.
Thêm đoạn Code dưới đây vào sau thẻ <head> 
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet"></link>
- Bạn nào đã có Thư Viện FontAwesome thì không cần thêm đoạn Code trên.

Bước 2. Tìm thẻ ]]></b:skin> và dán đoạn CSS này vào trước thẻ đó
div#Stats1 h2:before{content:"\f080";font-family:fontAwesome;margin-right:5px}
- Thay Stats1 thành Id Class Widget của bạn
- Thay \f080 thành Icon bạn muốn hiển thị
- Các bạn Tham khảo một số Icon khác Tại Đây

Bước 3. Lưu mẫu.
Chúc các bạn thành công!

LỜI KẾT

- Vừa rồi mình đã chỉ các bạn một cách đơn giản để thêm Icon vào Title Widget ở Bên Phải
- Lưu ý cái này mình Share cho những bạn chưa biết thôi nhé :))

BÌNH LUẬN

BÌNH LUẬN

  1. Viết bài fix lỗi thống kê blogspot như blog Duy đấy, ko phải cái này đâu <3

    Trả lờiXóa
    Trả lời
    1. Nhận xét này đã bị quản trị viên blog xóa.

      Xóa
    2. Cái này vấn đề là tùy Template không phải Template nào cũng lỗi :) với cả tôi chưa có Time nữa :v

      Xóa
  2. Nên thêm 1 bước là thêm thư viện FontAwesome nếu Template chưa có ấy bác. Và cái chỗ thay mã icon thì nên có thêm 1 bài cung cấp 1 số mã của icon từ FontAwesome cho ae lấy luôn. Kiểu như này.

    Trả lờiXóa
    Trả lời
    1. Cảm ơn anh đã góp ý! Em sẽ cập nhật lại ạ :)

      Xóa
    2. Giờ mới thấy bài này, lúc trc ko biết toàn viewsource blog lão Cường :))

      Xóa
    3. cái này dễ mà :) do ko để ý lên cứ nói ko biết :v

      Xóa