Blogthuthuatwin10 Magazine Blogger Template

Xem
Trong thời gian vừa qua mình có thiết kế lại template của Blog mình thành giao diện tin tức dựa trên giao diện blog cá nhân cũ vì ưu điểm của giao diện tin tức có thể đặt được nhiều bài và nhiều chuyên mục tại trang chủ giúp người đọc dễ tương tác với bài viết hơn nhưng nhược điểm của nó là tốc độ tải trang sẽ bị chậm hơn do phải tải thêm nhiều hình ảnh, html và javascript.

Một ưu điểm nữa của giao diện tin tức là chèn mã quảng cáo phủ lớp xen lẫn giữa các chuyên mục trông rất chuyên nghiệp và giúp tăng click mang lại doanh thu cao hơn. Ngoài ra tuy là nhiều chuyên mục nhưng lại rất dễ cài đặt dựa vào phần bố cục của nó.

Bố cục template mình để tổng cộng 8 chuyên mục (Label) và widget Blog1 mặc định như vậy có tổng cộng là 9 chuyên mục tất cả. Xen lẫn những chuyên mục là những tiện ích HTML mình đặt sẵn để chèn mã quảng cáo. Tuy nhiên quảng cáo sẽ được phân phối đều và hiện thị vào điều kiện các trang.

Phần Sidebar bên phải mình không đặt bất cứ tiện ích nào mà chỉ có tiện ích HTML để chèn mã quảng cáo ngay cả 2 tiện ích PopularPosts mình cũng để nó bên dưới bài viết. Trong bài viết mình có để chỗ chèn mã quảng cáo dưới dấu ngắt nháy, dưới cùng bài viết và phía trên bài viết cùng chuyên mục. Trong đó với 2 mã quảng cáo sẽ chỉ xuất hiện trên moblie khi sidebar bị ẩn đi.

Phần HTML mình cũng thiết kế lại theo phong cách mới loại bỏ nhửng class mặc định, thêm dữ liệu cấu trúc NewArticle, Breadcrumb, thay lại thẻ meta. Về CSS cũng căn chỉnh tối ưu cho tất cả các thiết bị có kích thước màn hình khác nhau thấp nhất là 320px và cao nhất 1600px.

Các bạn xem demo hình ảnh bên dưới

Demo trang chủ


Demo trang bài viết


Phần bố cục


Mình rất chú trọng phần bài viết nên mình làm phần này rất kỹ bố cục của bài viết gồm:
  • Breadcrumb
  • Tiêu đề
  • Tác giả và thời gian đăng bài
  • Nút thích và chia sẻ Facebook bên trái
  • Lượt xem bài viết và nút liên hệ bên phải
  • Mô tả bài viết
  • 3 bài viết cùng label
  • Nội dung bài viết có 2 mã quảng cáo tự động dưới dấu ngắt nháy và chân bài
  • Thẻ tags tự động
  • Các nút chia sẻ từ các mạng xã hội
  • Mã quảng cáo
  • 6 bài viết củng chuyên mục bao gồm những label bạn thêm
  • Nhận xét
  • 2 tiện ích PopularPosts một cái lấy thời gian tuần và một cái cố định tất cả thời gian
Mình chụp lại demo từ trên xuống dưới phần bố cục bài viết


Mới đầu mình định sẽ không chia sẻ nhưng nghĩ lại thấy nhiều bạn rất thích theme giao diện mới này nên mình quyết định chia sẻ nhưng với điều kiện:

1. Người quen và tin tưởng.
2. Đang có Blog hoạt động với tên miền tùy chỉnh và sử dụng theme cho Blog đó.
3. Có trên 50 bài viết.
4. Nếu đã đăng ký được Adsense hoặc các mạng quảng cáo khác thì càng tốt.
5. Đặt liên kết với Blog của mình.
6. Cam kết không share hoặc bán lại cho người khác.

Bài Viết Liên Quan:

loading...