Hướng dẫn chia cột nội dung bài viết trong Blogspot giúp ta phân chia nội dung thành phần bài viết tuy theo đặc điểm, nội dung từng thành phần.
Không những làm nổi bật phần nội dung đề cập tới mà còn làm cho bố cục tổng thể bài viết blog đẹp hơn, thân thiện với người đọc hơn.
Trời có bốn mùa: Xuân, Hạ, Thu, Đông.
Đất có bốn phương: Đông, Tây, Nam, Bắc
Người có bốn đức: Cần, Kiệm, Liêm, Chính.
Thiếu một mùa, thì không thành trời.
Thiếu một phương, thì không thành đất
Thiếu một đức, thì không thành người.
Trời có bốn mùa: Xuân, Hạ, Thu, Đông.
Đất có bốn phương: Đông, Tây, Nam, Bắc
Người có bốn đức: Cần, Kiệm, Liêm, Chính.
Thiếu một mùa, thì không thành trời.
Thiếu một phương, thì không thành đất
Thiếu một đức, thì không thành người.
Trời có bốn mùa: Xuân, Hạ, Thu, Đông.
Đất có bốn phương: Đông, Tây, Nam, Bắc
Người có bốn đức: Cần, Kiệm, Liêm, Chính.
Thiếu một mùa, thì không thành trời.
Thiếu một phương, thì không thành đất
Thiếu một đức, thì không thành người.
Trời có bốn mùa: Xuân, Hạ, Thu, Đông.
Đất có bốn phương: Đông, Tây, Nam, Bắc
Người có bốn đức: Cần, Kiệm, Liêm, Chính.
Thiếu một mùa, thì không thành trời.
Thiếu một phương, thì không thành đất
Thiếu một đức, thì không thành người.
Trời có bốn mùa: Xuân, Hạ, Thu, Đông.
Đất có bốn phương: Đông, Tây, Nam, Bắc
Người có bốn đức: Cần, Kiệm, Liêm, Chính.
Thiếu một mùa, thì không thành trời.
Thiếu một phương, thì không thành đất
Thiếu một đức, thì không thành người.
Trời có bốn mùa: Xuân, Hạ, Thu, Đông.
Đất có bốn phương: Đông, Tây, Nam, Bắc
Người có bốn đức: Cần, Kiệm, Liêm, Chính.
Thiếu một mùa, thì không thành trời.
Thiếu một phương, thì không thành đất
Thiếu một đức, thì không thành người.
Trời có bốn mùa: Xuân, Hạ, Thu, Đông.
Đất có bốn phương: Đông, Tây, Nam, Bắc
Người có bốn đức: Cần, Kiệm, Liêm, Chính.
Thiếu một mùa, thì không thành trời.
Thiếu một phương, thì không thành đất
Thiếu một đức, thì không thành người.
Trời có bốn mùa: Xuân, Hạ, Thu, Đông.
Đất có bốn phương: Đông, Tây, Nam, Bắc
Người có bốn đức: Cần, Kiệm, Liêm, Chính.
Thiếu một mùa, thì không thành trời.
Thiếu một phương, thì không thành đất
Thiếu một đức, thì không thành người.
Trời có bốn mùa: Xuân, Hạ, Thu, Đông.
Đất có bốn phương: Đông, Tây, Nam, Bắc
Người có bốn đức: Cần, Kiệm, Liêm, Chính.
Thiếu một mùa, thì không thành trời.
Thiếu một phương, thì không thành đất
Thiếu một đức, thì không thành người.
Trời có bốn mùa: Xuân, Hạ, Thu, Đông.
Đất có bốn phương: Đông, Tây, Nam, Bắc
Người có bốn đức: Cần, Kiệm, Liêm, Chính.
Thiếu một mùa, thì không thành trời.
Thiếu một phương, thì không thành đất
Thiếu một đức, thì không thành người.
Trời có bốn mùa: Xuân, Hạ, Thu, Đông.
Đất có bốn phương: Đông, Tây, Nam, Bắc
Người có bốn đức: Cần, Kiệm, Liêm, Chính.
Thiếu một mùa, thì không thành trời.
Thiếu một phương, thì không thành đất
Thiếu một đức, thì không thành người.
Trời có bốn mùa: Xuân, Hạ, Thu, Đông.
Đất có bốn phương: Đông, Tây, Nam, Bắc
Người có bốn đức: Cần, Kiệm, Liêm, Chính.
Thiếu một mùa, thì không thành trời.
Thiếu một phương, thì không thành đất
Thiếu một đức, thì không thành người.
Trời có bốn mùa: Xuân, Hạ, Thu, Đông.
Đất có bốn phương: Đông, Tây, Nam, Bắc
Người có bốn đức: Cần, Kiệm, Liêm, Chính.
Thiếu một mùa, thì không thành trời.
Thiếu một phương, thì không thành đất
Thiếu một đức, thì không thành người.
<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Fira+Sans+Condensed');
body {font-family: 'Fira Sans Condensed', sans-serif;}
* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.column-row {display:inline-block;margin:0;padding:20px}
.column-row:before {display: table;content:" "}
.column-row:after {clear:both}
hr {margin-top:20px;margin-bottom:20px;border:0;border-top: 1px solid #eee;height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
@media (min-width:480px) {.column-2,.column-3,.column-4,.column-5{float:left;padding-right:15px;padding-left:15px}.column-2{width:50%}.column-3{width:33.33333333%}.column-4{width:25%}.column-5{width:66.66666667%}}
</style>
<div class="column-row">
<div class="column-2">
<b>Column 1/2</b>
<p>
Blogger là một blog cá nhân.
</p>
</div>
<div class="column-2">
<b>Column 1/2</b>
<p>
Blogger là một blog cá nhân.
</p>
</div>
</div>
<hr>
<div class="column-row">
<div class="column-3">
<b>Column 1/3</b>
<p>
Blogger là một blog cá nhân.
</p>
</div>
<div class="column-3">
<b>Column 1/3</b>
<p>
Blogger là một blog cá nhân.
</p>
</div>
<div class="column-3">
<b>Column 1/3</b>
<p>
Blogger là một blog cá nhân.
</p>
</div>
</div>
<hr>
<div class="column-row">
<div class="column-4">
<b>Column 1/4</b>
<p>
Blogger là một blog cá nhân.
</p>
</div>
<div class="column-4">
<b>Column 1/4</b>
<p>
Blogger là một blog cá nhân.
</p>
</div>
<div class="column-4">
<b>Column 1/4</b>
<p>
Blogger là một blog cá nhân.
</p>
</div>
<div class="column-4">
<b>Column 1/4</b>
<p>
Blogger là một blog cá nhân.
</p>
</div>
</div>
<hr>
<div class="column-row">
<div class="column-5">
<b>Column 2/3</b>
<p>
Blogger là một blog cá nhân.
</p>
</div>
<div class="column-3">
<b>Column 1/3</b>
<p>
Blogger là một blog cá nhân.
</p>
</div>
</div>
<hr>
<div class="column-row">
<div class="column-3">
<b>Column 1/3</b>
<p>
Blogger là một blog cá nhân.
</p>
</div>
<div class="column-5">
<b>Column 2/3</b>
<p>
Blogger là một blog cá nhân.
</p>
</div>
</div>
<hr>
