Hướng dẫn tạo tiện ích các bài đăng gần đây dưới chân bài viết

Hướng dẫn tạo tiện ích các bài đăng gần đây dưới chân bài viết

Tiện ích các bài đăng gần đây dưới chân bài viết là một phương pháp rất hay đối với một Blog được thiết kế với giao diện tin tức có nhiều bài viết. Tuy nhiên cách áp dụng lại không đơn giản vì bạn phải xác định được bố cục giao diện của Blog và chân bài viết. Mình giải thích hai thành phần này như sau: 1. Bố cục giao diện - main-wrapper: nằm bên trái đây là vùng chứa tiện ích widget Blog1 (Bài viết) thường có độ rộng 70% - sidebar-wrapper: nằm bên phải đây là vùng chứa các tiện ích thường có độ rộng 30% Khi thiết kế reponsive cho giao diện ví dụ với màn hình hiển thị kích thước 800px phần main wrapper được thiết lập độ rộng 100% và sidebar-wrapper cũng thiết lập độ rộng 100% như vậy sidebar-wrapper sẽ nhảy xuống dưới phần main wrapper. 2. Chân bài viết Tiện ích các bài đăng gần đây phải nằm ngay dưới chân của tiện ích widget Blog1, ví dụ ta có đoạn HTML hiển thị như sau: Copy <div class="main-wrapper" id="main" name="Phần chính của trang">   <div class=&q…