Tùy chỉnh phần hiển thị nội dung trong blogspot

Tự làm Blogger - Sau khi web đã có phần header và menu có vẻ nhìn đã khá giông web rồi. Giờ chúng ta sẽ làm sao để các bài đăng hiện lên trên web nhé. Tùy chỉnh phần hiển thị nội dung của Blogspot mình sẽ kèm thêm luôn một số chú ý và thêm CSS để cho web nhìn chuyên nghiệp hơn nhé.

Mục lục seri các bài viết hướng dẫn tự thiết kế blogspot:

1. Xây dựng một trang blogspot như trang blogvuicuoilen (giới thiệu)
2. Hướng dẫn tạo một trang blogspot (blogger)
3. Tự thiết kế giao diện cho blogspot (dành cho người không biết code)
4. Sắp xếp bố cục trong blogspot và thêm tiện ích cho các layout
5. Thiết kế phần header cho blogspot
6. Thiết kế menu cho blogspot
7. Tùy chỉnh phần hiển thị nội dung trong blogspot
8. Tùy chỉnh sidebar cho blogspot
9. Tùy chỉnh footer cho blogspot
10. Thêm nút Share mạng xã hội cho blog của bạn
11. Xây dựng giao diện mobile cho blogspot
12. Thêm nút cuộn trang bằng CSS cho Blogspot
13. Tối ưu giao diện để blogspot chuẩn SEO

Tạm thế thôi nhé, sau mình sẽ hướng dẫn các bạn trang hoàng toàn trang sau. Giờ kết thúc phần tùy chỉnh phần hiển thị nội dung trong blogspot (vì hơi dài). 

Nếu có gì thắc mắc cứ comment nhiệt tềnh nhé!

Như trong phần bố cục, nội dung của web sẽ hiển thị ở phần Thân web trái, tức là khi các bạn click vào một link thì nội dung sẽ chỉ hiển thị ở trong phần Thân web trái mà thôi các phần khác sẽ được giữ nguyên theo cấu trúc ban đầu.
Để làm được điều này, các bạn không cần phải lo lắng đâu vì chỉ cần thêm một đoạn code ngắn vào trong nơi bạn muốn hiển thị nội dung là ok. Ở đây mình sẽ cho hiển thị ở Thân web trái, đầu tiên các bạn vào Chỉnh sửa HTML, tìm <div id='than-web-trai'> rồi xóa code bên trong của thẻ div thân web trái đi thay bằng code sau (nếu chưa có thì paste code sau vào):

<b:section class='than-web-trai' id='Thân web trái' showaddelement='yes'>
<b:widget id='Blog1' locked='false' title='Bài đăng trên Blog' type='Blog'/>
</b:section>