Bài 2: Cấu trúc cơ bản của một template Blogspot – Blogger

Trong bài viết này chúng ta sẽ cùng tìm hiểu xem một Template Blogspot (Blogger) có cấu trúc như thế nào. Hay là cái khung sườn nó ra sao, từ đó những bài sau chúng ta sẽ lần lượt tìm hiểu từng phần của nó.

Template Blogspot (Blogger) được viết bằng ngôn ngữ gì ?

Template Blogspot được viết bằng Ngôn ngữ đánh dấu mở rộng (XML – eXtensible Markup Language), tất cả có thể gói gọn trong một đoạn XML ngắn mà bạn không cần phải thêm gì cả, điển hình là đoạn minh họa cho bố cục template bên dưới.

Template Blogspot (Blogger) được viết bằng ngôn ngữ gì ?

Template Blogspot (Blogger) được viết bằng ngôn ngữ gì ?

Tuy nhiên, để trở nên hoàn hảo thì một template Blogspot cũng cần phải có thêm CSS (CSS – Cascading Style Sheetslà là ngôn ngữ dùng để định dạng các phần tử…. bla bla, các bạn xem lại bài CSS là gì tại đây). ==> Nói nôm na là XML là cái khung xương, còn CSS là cái trang trí tô điểm cho web như: Chia cột, tô màu, định dạng kiểu chữ, font,…

Ngoài ra cũng cần phải có thêm vài đoạn JavaScript vào, thì cái này nó cũng như thêm tính năng bổ sung mà bạn muốn vậy, thêm hay không cũng tùy bạn thôi, không bắt buộc. Tham thảo thêm về JavaScript tại đây.

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

Sau đây là cấu trúc cơ bản của một Template Blogspot và phần giải thích cho các phần tương ứng ngay bên trong. Các bạn có thể copy nó dán đè vào cái template đang xài để xem kết quả như thế nào nhé.

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html>
    <head>
        <title>
            Tiêu đề trang web
        </title>
        <b:skin>
            <![CDATA[ /* Chỗ này để viết CSS */ ]]>
        </b:skin>
    </head>
    <body>
       Đây là khu vực viết nội dung trang web
        <b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='yes'></b:section>
    /*Tạo widget cho các thành phần trong template/*
</body>
</html>

Bài trước đó và tiếp theo

Bài viết bạn đang xem được viết bởi Tịnh Nguyễn, là người thường đăng bài và comment dạo trên Hocban.vn

Không biết bạn đã từng đọc qua các nội dung dưới đây chưa nhỉ ?

guest
11 Comments
Inline Feedbacks
View all comments
Desnet Vietnam <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">2</span><span style="color: #e91e63;">) </span>
Friend

Bác hocban.vn ơi, bác hướng dẫn em cách làm cái đếm số lượng bình luận của mỗi người trên blogspot đi ạ. Nếu được bác làm luôn cái Top CMT cho blogspot lun ạ.
Thanks bác

Minh Tâm <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">2</span><span style="color: #e91e63;">) </span>
Friend
Minh Tâm (2)

Có 1 thời gian bị chặn tại vn, từ đó bỏ blogspot

NAD <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">50</span><span style="color: #e91e63;">) </span>
Friend

Ngắn vậy thui à :))

Nguyễn Cao Tiến <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">25</span><span style="color: #e91e63;">) </span>
Friend

Sao dạo này không thấy Ads hiển thị nữa Bác. Bị sao à !!

Tịnh Nguyễn Blog <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">30</span><span style="color: #e91e63;">) </span>
Admin

Test Comment: Mới ngưng kích hoạt cái plugin comment trên Hocban.vn và dùng comment mặc định xem có bị lỗi gì không.

Học Luật <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">44</span><span style="color: #e91e63;">) </span>
Friend
Đã trả lời  Tịnh Nguyễn Blog

Nay lại sài lại rồi hả bác ^_^