Chia một tiện ích trong blogspot thành nhiều cột
Bài viết này mình sẽ hướng dẫn các bạn cách chia một tiện ích HTML thành nhiều cột khác nhau, hay chia thành nhiều cột khác nhau.

Bạn có thể sử dụng để tạo 2 cột chèn những tiện ích như recent post, ramdon post,... vào làm đẹp cho blog của bạn.

» Cách chia cột cho tiện ích HTML trong blogspot

Để sử dụng các bạn Pate trực tiếp đoạn code bên dưới vào trong tiện ích HTML/Javascripts (hoặc phần HTML của bài viết hay chèn thẳng vào mẫu của bạn cũng được). Đây là code chia làm 2 cột :
<table style="width:600px;"  border="1">
  <tr>
    <td style="width:360px;text-align:left;" >
        Nội dung cột 1
    </td>
    <td  style="width:345px;text-align:left;" >
        Nội dung cột 2
    </td>
  </tr>
</table>
Tùy chỉnh:
  • Cái này cơ bản thì có viền xung quanh , để xoá viền đi các bạn để border = "0" là được. 
  • Tăng giảm chiều rộng của cả bảng thì thay width:600px .
  • Để điều chỉnh cột bên trái bạn điều chỉnh thuộc tính  width:360px 
  • Để điều chỉnh cột bên phải bạn điều chỉnh thuộc tính  width:345px

» Cập nhật nâng cao

Muốn pro hơn các bạn kết hợp CSS nữa thì sẽ đẹp và gọn gàng hơn có 1 vấn đề nữa là nếu bạn dùng code đơn giản này , thì khi nội dung cột 1 dài hơn cột 2 hoặc ngược lại thì cái cột có nội dung ngắn hơn sẽ bị tụt xuống (ra giữa cột) nếu các bạn muốn lúc nào vị trí cũng ở trên top của cột thì các bạn thêm đoạn này vào sau code là ok 
"valign="top"

-Sau khi thêm ta sẽ được thế này :
<table border="1" style="width: 600px"  >
  <tr>
    <td style="width: 360px;text-align:left;""  valign="top">
        Nội dung cột 1
    </td>
    <td  style="width: 345px;text-align:left;"" valign="top">
        Nội dung cột 2
    </td>
  </tr>
</table>

Đó là code để chia thành 2 cột còn 3 cột thì các bạn thêm 1 đoạn code nữa là ok thôi
<td  style="width: 200px;text-align:left;""  valign="top">
        Nội dung cột 3
    </td>

Là được 3 cột nếu muôn độ rộng của các cột ngang nhau thì các bạn chia cái % đều nhau là được đây là code hoàn chình 3 cột :
<table border="1" style="width: 600px"  >
  <tr>
    <td style="width: 200px;text-align:left;""  valign="top">
        Nội dung cột 1
    </td>
    <td  style="width: 200px;text-align:left;""  valign="top">
        Nội dung cột 2
    </td>
    <td  style="width: 200px;text-align:left;""  valign="top">
        Nội dung cột 3
    </td>
  </tr>
</table>
Vậy là hoàn thành 3 cột rùi đó còn nếu muốn 4 cột thì các bạn làm tương tự như là thêm 3 cột.