Chia sẻ template trắng layout version 3 sử dụng trong thiết kế
vào
20 thg 12, 2018
Nhằm giúp các bạn muốn học thiết kế Blogspot, mình đã tạo sẵn mẫu template tối thiểu chưa có nội dung để cho các bạn thực hành. Dưới đây là liên kết tải template và những hướng dẫn cơ bản khi thực hành.
Bài viết tham khảo:
Sử dụng template:
Đăng nhập vào Blogger, truy cập Chủ đề chọn Sao lưu / Khôi phục > Chọn tệp > Tải lên
Thiết kế tiện ích Bài đăng trên Blog:
Vào Chỉnh sửa HTML > Chuyển đến tiện ích > Blog1 > Mở rộng widget Blog1 > Tìm đến cặp thẻ <b:includable id='post' var='post'></b:includable>, chọn mở rộng để bắt đầu thiết kế Bài đăng trên Blog.
Thiết kế các tiện ích
Truy cập Bố cục > chọn Thêm Tiện ích > Chọn tiện ích muốn thêm xong chọn Lưu > Lưu sắp xếp
Thiết kế css
Truy cập Chủ đề > Chỉnh sửa HTML > mở rộng cặp thẻ <b:skin version='1.3.0'></b:skin> và viết css hiển thị trong này
Thiết kế bố cục tiện ích
Truy cập Chủ đề > Chỉnh sửa HTML > mở rộng cặp thẻ <b:template-skin></b:template-skin> và viết css cho phần hiển thị cài đặt Bố cục tiện ích
Bài viết tham khảo:
- Danh sách tổng hợp các loại thẻ dữ liệu mặc định của Blog
- Các thẻ dữ liệu hiển thị văn bản trong template mặc định v3
- Các điều kiện hiển thị dữ liệu trong tùy chọn trang bài viết của widget Blog1 version 2
- Tạo vòng lặp cho các nhóm bài viết tại một trang cố định
- Hiển thị tên Nhãn trong bài viết theo vòng lặp
- Một số thẻ điều kiện thông dụng và cách sử dụng trong Blogspot
- Linh tải: Blogger Template v3
- Layout: version='3'
- Widget: version='2'
- Tác giả: Nguyễn Tuấn
Sử dụng template:
Đăng nhập vào Blogger, truy cập Chủ đề chọn Sao lưu / Khôi phục > Chọn tệp > Tải lên
Thiết kế tiện ích Bài đăng trên Blog:
Vào Chỉnh sửa HTML > Chuyển đến tiện ích > Blog1 > Mở rộng widget Blog1 > Tìm đến cặp thẻ <b:includable id='post' var='post'></b:includable>, chọn mở rộng để bắt đầu thiết kế Bài đăng trên Blog.
<article class='post'>
<!-- Thiết kế Bài đăng trên Blog -->
</article>
Thiết kế các tiện ích
Truy cập Bố cục > chọn Thêm Tiện ích > Chọn tiện ích muốn thêm xong chọn Lưu > Lưu sắp xếp
Thiết kế css
Truy cập Chủ đề > Chỉnh sửa HTML > mở rộng cặp thẻ <b:skin version='1.3.0'></b:skin> và viết css hiển thị trong này
Thiết kế bố cục tiện ích
Truy cập Chủ đề > Chỉnh sửa HTML > mở rộng cặp thẻ <b:template-skin></b:template-skin> và viết css cho phần hiển thị cài đặt Bố cục tiện ích
Nội dung chính