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ì ?

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

Hocban.vn

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

09/01/2020 1843 lượt xem 18 bình luận

18 Comments

Inline Feedbacks

View all comments

Friend

Anh Trai Nắng Blog (4)

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.

Trả lời

Author

Hocban.vn (2,750)

Đã trả lời Anh Trai Nắng Blog

Nó đây nè :v

https://demo.hocban.vn/GeneratePress/

Đã trả lời Hocban.vn

thanks

Kha khà, khi nào làm bờ lóc bằng WP nhớ ủng hộ một bản nhé bác :v

Tất nhiên rồi :v

Mới ra thêm theme mới nữa, mong anh e ủng hộ, hehe

Hòa Blogger (2)

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 (2)

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

Đã trả lời Desnet Vietnam

Căng đấy, nếu mà Blogspot thì mình còn đang học từ đầu thế này không biết mần cái đó đâu :v | Bạn đăng câu hỏi lên nhóm này nè: https://www.facebook.com/groups/BlogspotBloggerCommunity/