CSS Sticky Social Media Icon Bar Animation

Chào các bạn ! Lại là mình đây . 

Hôm nay chúng ta đổi gió tí không nói về plugin nữa . Bài viết này mình share code về cách tạo nút liên kết các trang mạng xã hội cố định – Sticky Social Media Icon Bar Animation .

CSS Sticky Social Media Icon Bar Animation
CSS Sticky Social Media Icon Bar Animation

Ok ! Triển luôn nào

Code HTLM

Với cấu trúc trên các bạn có thể thêm các mạng xã hội mà mình muốn vào nhé . Thay liên kết mạng xã hội vào thẻ a nghen.

Code CSS

Trong đoạn code này mình có sử dụng icon Font Awesome . Các bạn kiểm tra xem website mình đã cài Font Awesome chưa nhé . Nếu chưa chúng ta sẽ thêm đoạn code này để cài Font Awesome .

Nếu các bạn đã đọc bài viết trước của mình Cách chèn code vào header footer của website WordPress thì giờ chúng ta sẽ thêm vào rất đơn giản . Truy cập vào Cài đặt > Insert Headers and Footers copy đoạn code sau vào Script in Footer .

Thế thôi

Đơn giản là vậy thôi chúc các bạn thành công. Nếu có thắc mắc gì bạn comment bên dưới nhé ! 

Bài tiếp theo thay vì dùng icon Font Awesome chúng ta sẽ dùng ảnh SVG tối ưu hơn … Nhớ theo dõi nghen !

0 0 vote
Article Rating
Nhận thông báo qua email
Nhận thông báo cho
guest
0 Comments
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x
()
x