Huỳnh Hoài Bảo - Bảo Shady Blog
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 ở bài trước Top bình luận có bảo là lỗi hover nhưng thật ra không phải là lỗi mà là chưa thêm hover + icon vào nên bài viết này mình sẽ hướng dẫn cái bạn cách làm thế nào để thêm hover và icon vào nhé !


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#HTML2 h2:before{content:"\f091";font-family:fontAwesome;margin-right:5px}
- Thay HTML2 thành Id Class Widget của bạn
- Thay \f091 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. Thêm Hover tìm thẻ 
]]></b:skin> làm tương tự bước 2
#HTML2:hover h2{background:#069999;color:#fff}
- Thay #HTML2 thành Id Class Widget 
- #069999 thành màu bạn thích !

Bước 4. Lưu mẫu

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à Hover vào Title Widget ở Bên Phải
38 nhận xét:
  1. - Hay Qúa :v Đang Tìm Cái Này

    Trả lờiXóa
    Trả lời
    1. Hehe Em cũng đang tìm mò thấy blog bác Duy Lương đăng em lại tìm hiểu cái hover nên đăng luôn một lượt 2 cái code này cho anh em chưa biết :v

      Xóa
    2. - Ông Đăng Ký Kiếm Tiền Với Civi Chưa

      Xóa
    3. Chưa đăng ký mà thấy bác Hưng đăng rồi không biết sử dụng ra sao

      Xóa
    4. không biết tiền chuyển qua đâu á ...

      Xóa
    5. - Vô Blog Tui Ấn Gìum Cái Widget Rồi Đăng Ký Đi :( Có Gì Tui Biết Tui Chỉ Cho

      Xóa
    6. Đăng ký bằng gmail khác mà website này được không nhỉ ông ?

      Xóa
    7. - Được Ông

      Xóa
    8. Tôi đăng ký rồi mà chưa được duyệt trang web huhu Why

      Xóa
  2. lấy cà phê ☕ ra uống nhâm nhi nào bác Bảo

    Trả lờiXóa
    Trả lời
    1. Bác Hưng cho hỏi Civi nó chuyển tiền về đâu vậy

      Xóa
    2. ATM luôn nhé bác

      Xóa
    3. Chuyển thẳng về ATM luôn phải không bác

      Xóa
    4. Để đăng ký civi :v

      Xóa
    5. click ủng hộ bác

      Xóa
  3. Trả lời
    1. Cảm ơn bác Hồng Hải nhé ! :D

      Xóa
  4. tui đăng kí mà nó duyệt lâu lắm

    Trả lờiXóa
    Trả lời
    1. Đăng ký gì ông ??

      Xóa
    2. à cái web civi tôi mới đăng ký chắc mai nó duyệt

      Xóa
  5. Cái này a nghĩ mn biết hết rồi cơ :3 Thấy thanks nhiều nên a cũng thanks vì có bài mới :)

    Trả lờiXóa
    Trả lời
    1. Anh cũng ghé blog em thường xuyên quá, em cũng cảm ơn anh (3)

      Xóa
  6. Trả lời
    1. Mới sáng sớm đã online rồi :v

      Xóa
  7. Chỉnh cái icon cho nó nhỏ lại đi Bảo :v Hơi to quá :3

    Trả lờiXóa
    Trả lời
    1. Icon nào vậy bác :v icon bình luận hay icon widget

      Xóa
  8. Liên Kết đii a ơi hihi
    Tên : Bảo Trang Blog
    Url : https://baotrangblogseo.blogspot.com/

    Trả lờiXóa
1. Chèn ảnh: [img]Link ảnh[/img]
2. Chèn video: [youtube]ID Video[/youtube]
Hướng dẫn lấy ID Video từ Youtube

Ví dụ video có link trực tiếp: https://www.youtube.com/watch?v=BUaLnDL3f-M, ta sẽ lấy BUaLnDL3f-M và thay vào vị trí ID Video ở cú pháp trên.

Nội quy chung Bảo Shady Blog

1. Bài viết đều tự tay tác giả viết nên nếu có ý định copy xin hãy ghi nguồn bài viết đó.
2. Template được lên ý tưởng và thiết kế bởi Phú Cường Blogger vì vậy tuyệt đối không tự ý RIP Template hoặc lấy và dùng từ những nguồn ăn cắp khác khi tác giả chưa share công khai. Nếu tôn trọng mình thì bạn có thể trao đổi mua template tại fb Nguyễn Phú Cường.
3. Không được spam dưới mọi hình thức và đưa ra những bình luận xúc phạm đến danh dự và nhân phẩm của người khác (những bình luận vi phạm sẽ bị xóa).

Đang cập nhật thêm nội quy...

- Blog: Bảo Shady Blog - Life Is Share
- Thành lập: 01/08/2017
- Nội dung: Blog chủ yếu viết về những thủ thuật blog, và các thủ thuật khác. Ngoài ra, blog thi thoảng còn chia sẻ một vài bài viết về đời sống, share ảnh đẹp, tin tức về đời sống...
- Tác giả blog: Huỳnh Hoài Bảo hiện đang là học sinh cấp 2 THCS Lê Thị Cẩm Lệ, Bạc Liêu.
- Template: Twitter Template Version 1.0 By Phú Cường Blogger.

Lời cuối chúc các bạn có những phút giây thật vui vẻ và ý nghĩa tại blog nhé!