Khung thông tin tác giả đơn giản mà vô cùng đẹp cho blogspot

Đối với mỗi blogger thì việc chia sẻ thông tin của mình cũng là 1 điều vô cùng quan trọng. Nhờ những thông tin đó mà người đọc sẽ thấy blog chúng ta thân thiện hơn. Và cách phổ biến nhất để giải quyết vấn đề đó chính là tạo 1 khung thông tin tác giả (Author box) dưới mỗi bài đăng trong blog. Hôm nay hãy cùng mình tìm hiểu về cách làm sao để có 1 khung tác giả đẹp nhé.

Khung thông tin tác giả đơn giản mà vô cùng đẹp cho blogspot

Cách thực hiện:
Bước 1: Truy cập quản trị blogger – Chủ đề – Chỉnh sửa HTML.
Bước 2: Thêm thư viện FontAwesome trước thẻ </head>
Nếu template của bạn đã có sẵn thư viện này rồi thì không phải thêm đâu nhé.
Bước 3: Dán đoạn code hiển thị khung tác giả dưới đây vào bất kì chỗ nào bạn muốn.
Tùy chỉnh lại các đường dẫn cá nhân của bạn nhé.
Bước 4: Cuối cùng trang trí bằng cách thêm CSS sau trước thẻ ]]></b:skin>
Bước 5: Lưu template lại và kiểm tra xem được chưa nhé.

Chúc các bạn thành công 🙂
Source code: Vũ Tiến Anh Blog

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *