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

5/5 - (2 votes)
guest
20 Comments
Inline Feedbacks
View all comments
Mr Vo <span style="color: #2196f3;">(</span><span class="wpdiscuz-comment-count">1</span><span style="color: #2196f3;">) </span>
Guest

Cảm ơn bạn.
Kiến thức cơ bản nhưng rất quan trọng.

Anh Trai Nắng Blog <span style="color: #2196f3;">(</span><span class="wpdiscuz-comment-count">5</span><span style="color: #2196f3;">) </span>
Guest

Mấy thằng RIP template hay sử dụng cấu trúc này :v Anh Trai Nắng Blog tới đây :v à mà ông cho xem lại cái demo wp ông đang bán đi.

Anh Trai Nắng Blog <span style="color: #2196f3;">(</span><span class="wpdiscuz-comment-count">5</span><span style="color: #2196f3;">) </span>
Guest
Đã trả lời  Tịnh Nguyễn

thanks

Anh Trai Nắng Blog <span style="color: #2196f3;">(</span><span class="wpdiscuz-comment-count">5</span><span style="color: #2196f3;">) </span>
Guest
Đã trả lời  Tịnh Nguyễn

Tất nhiên rồi :v

Hòa Blogger <span style="color: #2196f3;">(</span><span class="wpdiscuz-comment-count">2</span><span style="color: #2196f3;">) </span>
Guest

Hay quá admin ơi.

Mình Chia sẻ mẫu giao diện blogspot bán hàng chuyên nghiệp, click link tải miễn phí nha các bạn.

Desnet Vietnam <span style="color: #2196f3;">(</span><span class="wpdiscuz-comment-count">2</span><span style="color: #2196f3;">) </span>
Guest

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: #2196f3;">(</span><span class="wpdiscuz-comment-count">2</span><span style="color: #2196f3;">) </span>
Guest
Minh Tâm (2)

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

NAD
Guest
NAD

Ngắn vậy thui à :))

Nguyễn Cao Tiến
Guest

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

Tịnh Nguyễn Blog
Guest

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
Guest
Đã trả lời  Tịnh Nguyễn Blog

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