Cách đơn giản nhất để thiết kế blogspot là hãy bắt đầu từ một source xml trống đã được dựng sẵn bộ khung với những mã được yêu cầu bắt buộc. Với mã nguồn template mà mình tạo mới kết hợp với những bài đăng trên Blog của mình sẽ giúp bạn dễ dàng học thiết kết blogspot hơn bao giờ hết, chỉ là bạn có chịu khó tìm tòi học hỏi hay không thôi.
Source xml mình dựng đã chặn tải hoàn toàn font, css, js mặc định của Blogger. Trong đó mình đã tích hợp bộ meta đầy đủ, link fonts, các plugin jquery, lazysizes và fancybox ngoài ra với css mình cũng đã tạo sẵn một số icon svg, modal popup và một số class để dàn flex box.
Thông tin template:
- Name: Emporio
- Layout: version 3
- Widget: version 2
- Demo Page: bloggerwidgetv2.blogspot.com
Hướng dẫn thiết kế Bài đăng trên Blog với template trắng
Yêu cầu: Blog đã xuất bản bài đăng. Trong tiện ích Blog1 các bạn tìm và mở các thẻ sau đây để đặt code trong các thẻ này
Với bài đăng hiển thị tại nhóm trang chỉ mục MultipleItems: Trang chủ, trang các bài đăng cũ hơn, trang tìm kiếm kết quả, trang label và trang lưu trữ
<b:includable id='postBodySnippet' var='post'>
Với bài đăng hiển thị tại nhóm trang SingleItem: post, page có 3 thẻ chính:
<b:includable id='postHeader' var='post'>
<b:includable id='postBody' var='post'>
<b:includable id='postFooter' var='post'>
Bài viết tới mình sẽ hướng dẫn các bạn thiết kế chi tiết phần này. Các bài viết tham khảo học thiết kế
- Danh sách tổng hợp các loại thẻ data mặc định trong blogspot
- Điều kiện và các tùy chọn hiển thị Label bài viết trong vòng lặp
- Một số thẻ điều kiện thông dụng trong blogspot và cách sử dụng
- Các thẻ dữ liệu hiển thị văn bản trong template layout version 3
Mình không chia sẻ link tải template mà chỉ gửi qua email cụ thể là gmail, bạn nào cần template để học thiết kế thì liên hệ bằng cách đăng nhận xét với email bên dưới để mình gửi qua mail.
Nhận xét này đã bị tác giả xóa.
Trả lờiXóaanh gửi vào mail rồi nhé 😀
XóaNhận xét này đã bị tác giả xóa.
XóaChào bạn . Bạn có thể cho mình xin mẫu temple trắng này được không ạ .
Trả lờiXóahaytheothay.com@gmail.com
Cám ơn bạn nhiều .
mình gửi vào mail rồi nhé 😀
XóaMình kiểm tra gmail vẫn chưa có ạ .
Xóabạn có thể gửi lại cho mình được ko ạ . Mình vẫn chưa nhận được
Trả lờiXóaMình vừa gửi lại cho bạn rồi nhé, bạn kiểm tra nếu không thấy xem kỹ trong hộp thư spam
XóaCảm ơn bạn . Mình nhận được rồi . Mong bạn sẽ ra nhiều bài viết hay hơn .
XóaBạn cứ từ từ khám phá hết nội dung các bài đăng mình đã xuất bản trong Blog, bài nào cũng có cái hay riêng và mình chỉ viết về blogspot mà thôi.
XóaHi, pls send me template, thank you. siteislemlerim@gmail.com
Trả lờiXóaI just have sent email for you
Xóaem xin template a
Trả lờiXóatuantinh00030@gmail.com
anh vừa gửi cho em xong
XóaChào anh, anh có thể cho em xin themes tráng này đc ko?
Trả lờiXóaleanhvinh1794@gmail.com
anh gửi vào mail rồi nhé 😀
Xóaok anh, em cảm ơn nha
Xóachào anh, em muốn xin cái template trắng của anh để tự thiết kế template riêng cho mình thông qua hướng dẫn của anh, mong anh gửi qua meoudoremon2017@gmail.com cho em, cảm ơn anh trước nhé :)
Trả lờiXóaanh vừa gửi cho em xong 🙂
XóaChào bạn, có thể gởi cho tôi mẫu template này không?
Trả lờiXóaXin cảm ơn bạn.
Email: thesinh2003@gmail.com
mình gửi vào mail rồi nhé 😀
Xóaem chào a, a cho em xin mẫu template trắng ạ. gmail của em. dodinhduongsmilepd@gmail.com
Trả lờiXóaanh đã gửi cho em 🙂
XóaEm xin mẫu này với
Trả lờiXóatransinh085@gmail.com
anh đã gửi cho em 🙂
XóaAnh gửi cho em template với ạ!
Trả lờiXóangylduy@gmail.com
anh đã gửi cho em 🙂
XóaAnh cho em một bản nhé, em cảm ơn.
Trả lờiXóatruongdz2069@gmail.com
Anh gửi rồi đó, em kiểm tra lại xem
XóaEm đã nhận được nha anh
XóaAnh ơi check mail của em với ạ.
Xóaxin lỗi, bạn có thể gửi cho tôi mẫu để thử không
Trả lờiXóalời chào từ Lima Peru
You must write an email address
Xóathkha001@gmail.com cho mình xin với
Trả lờiXóaMình gửi vào mail cho bạn rồi, kiểm tra Hộp thư đến nếu không thấy thì kiểm tra trong Thư rác nha
Xóachào bạn, bạn cho mình xin mẫu trắng này được không ạ. email fnooub@gmail.com cảm ơn nhiều ạ. :D
Trả lờiXóaMình gửi vào mail cho bạn rồi, kiểm tra Hộp thư đến nếu không thấy thì kiểm tra trong Thư rác nha
XóaAnh ơi, cho em xin mẫu theme này với ạ!
Trả lờiXóaEmail em là quankute93@gmail.com
Em cảm ơn ạ!
Đã gửi vào mail cho em rồi, kiểm tra Hộp thư đến nếu không thấy thì kiểm tra trong Thư rác nha
XóaAnh cho em xin lại qua email truongdz2069@gmail.com nha, em cảm ơn trước ạ.
Trả lờiXóaĐã gửi vào mail cho em rồi, kiểm tra Hộp thư đến nếu không thấy thì kiểm tra trong Thư rác nha
XóaHi, pls send me template, thank you. leonardoorooo@gmail.com
Trả lờiXóaCheck mail
Xóaritiensjnh@gmail.com cảm ơn. Rất bổ ích
Trả lờiXóa-
Comment from ritiensinh.com
ad cho mình xin. Cám ơn ad nhiều.
Trả lờiXóaGmail: bangkhuang63@gmail.com
Đã gửi, check mail nhé
XóaHi, pls send me template, thank you. siteislemlerim@gmail.com
Trả lờiXóaCheck mail
XóaEm chào anh, anh có thể chia sẻ cho em template trắng được không ạ, email của em là nguyenvietquangblog@gmail.com Em cảm ơn anh ạ
Trả lờiXóaĐã gửi, check mail nhé
Xóaanh cho em xin với.
Trả lờiXóamail e: zungxz@gmail.com
Đã gửi, check mail nhé
XóaNhận xét này đã bị tác giả xóa.
Trả lờiXóaChào bạn, bạn có thể gửi temple mẫu này cho mail truongtrancongthanh@gmail.com được không, mình cảm ơn bn
Trả lờiXóaCho mình xin template với. Email: thesmall357@gmail.com. Thanks chủ thớt, bài viết hữu ích lắm.
Trả lờiXóachào anh, anh cho em xin template với ạ, em xin cảm ơn.
Trả lờiXóamail e: windowmiennam@gmail.com