Làm Blogger 2 - Cấu Trúc Của Template Blogger

Share on Tumblr

Làm Blogger là một series hướng dẫn chi tiết về Blogger của HoweBlog và VNWeblog. Trong series này, VNWeblog sẽ hướng dẫn bạn từng bước để xây dựng một website với Blogger (Blogspot), quảng bá và sau đó có thể kiếm tiền được từ nó.

Bài 2 của series:

Làm Blogger 2 - Cấu Trúc Của Template Blogger

Bài viết này sẽ giới thiệu một cấu trúc cơ bản cho mọi loại template blogger. Thông tin này sẽ hữu ích khi bạn muốn chỉnh sửa, thiết kế giao diện Blogger hoặc sắp xếp các widget.

Blogger Template và Các Thành Phần

Cấu Trúc Trang Chủ

Hình dưới là cấu trúc cơ bản cho một template Blogger 2 cột, template được sử dụng nhiều nhất hiện nay. Mỗi phần được đánh số riêng.

Cấu trúc cơ bản của Blogger Template

1. Menu chính (Primary Menu): menu này thường được người thiết kế sử dụng widget Link list để hiển thị danh sách link.
2. Header: gồm banner của website hoặc tên và giới thiệu (nếu không có banner).
3. Menu phụ (Secondary Menu): thường là menu phân cấp và để chỉnh sửa menu này bạn cần chỉnh trực tiếp trong html.
4. Main Wrapper: chứa nội dung chính, gồm tiêu đề, nội dung và các thứ liên quan đến bài viết. Xem thêm cấu trúc bài viết ở bên dưới.
5. Sidebar: nơi đặt các Blogger widget. Các widget được quản lý riêng và bạn có thể thay đổi, di chuyển hoặc xóa hẳn trong Blogger Dashboard > Layout.
6. Footer Widget: tương tự với sidebar nhưng các widget này theo chiều ngang, nằm ở dưới và có thiết kế riêng. Template có thể có hoặc không có footer widget.
7. Footer: phần dưới cùng của website. Thường chứa thông tin về bản quyền, tác giả và các thông tin nhỏ khác.
8. Widget cố định: nằm cố định khi bạn kéo trang. Hiện rất nhiều trang web đang sử dụng widget dạng này.

Cấu Trúc Bài Viết

Ảnh dưới đây là cấu trúc chung cho mỗi bài viết trong Blogger.

Cấu trúc bài viết trong Blogger

1. Breadcrumb: chứa các label mà bạn đã dùng cho bài viết, giúp cho người đọc biết mình đang ở mục nào. Tính năng này không tự có mà bạn phải thêm vào bằng script.
2. Tiêu đề bài viết (Post Title)
3. Thông tin bài viết (Post meta): gồm tên tác giả, ngày xuất bản, label, số lượng nhận xét v.v...
4. Nội dung bài viết (Post body - Entry content).
5. Phần cuối bài viết (Post footer): phần này thường dùng để bạn thêm các script như đánh giá, bài liên quan...
6. Blog Pager: gồm 3 link Newer Post, Home và Older Post.
7. Khu vực nhận xét (Comment Section). Comment chính của Blogger, bạn có thể ẩn khu vực này đi và thay bằng comment của hãng khác như Disqus.

Như vậy là bạn đã có được các thông tin cũng như khái niệm cơ bản về giao diện Blogger. Các khái niệm này sẽ thường xuyên được sử dụng khi bạn hiệu chỉnh template Blogger, việc tìm hiểu trước sẽ giúp các công việc sau này được nhanh hơn và bạn có thể hiểu rõ chính xác mình đang chỉnh sửa ở đâu.