6/8/13

Hướng dẫn Kẻ bảng và khắc phục lỗi khi chèn bản cho Blog

Đăng bởi Admin | 6/8/13 | 10 nhận xét

Kẻ bảng và khắc phục lỗi khi chèn bản cho Blog
Lần trước mình đã giới thiệu cho các bạn Code chí bài viết thành nhiều cột và Tạo bảng có viền  tuy nhiên Khi cần đăng một danh sách hay nột bảng số liệu lên Blog bạn rất cần phải có Code tạo bảng do vậy hôm nay mình xin giới thiệu cho các bạn kẻ bảng

Code tạo bảng thông thường.

-Bạn Pate code sau vào HTML sau đó đánh nội dung vào bảng
<table border="1">
<tr>
<th>Tiêu đề cột 1</th><th>Tiêu đề cột 2</th>
</tr>
<tr>
<td>Hàng 1, Cột 1</td><td>Hàng 1, Cột 2</td>
</tr>
<tr>
<td>Hàng 2, Cột 1</td><td>Hàng 2, Cột 2</td>
</tr>
</table>
Khi đó bạn xẽ được bảng như sau:
Tiêu đề 1Tiêu đề 2
Hàng 1, Cột 1Hàng 1, Cột 2
Hàng 2, Cột 1Hàng 2, Cột 2

Làm thế nào để thêm cột cho bảng trong blogger?

Nếu muốn thêm một hàng bạn Pate Code dưới vào sau code </tr>
<tr>
<td>Hàng 3, Cột 1</td><td>Hàng 3, Cột 2</td>
</tr>
Nếu muốn thêm một cột bạn thêm Code sau vào sau thẻ  </td>
<td>Hàng n, cột n</td>
Để thêm 1 ô tiêu đề bạn thêm đoạn code bên dưới vào sau thẻ  </th>
<th>Tiêu đề cột n</th>
Khi đoa bạn xẽ được code của bảng 3 hàng 3 cột như sau:
<table border="1">
<tr>
<th>Tiêu đề cột 1</th><th>Tiêu đề cột 2</th><th>Tiêu đề cột 3</th>
</tr>
<tr>
<td>Hàng 1, Cột 1</td><td>Hàng 1, Cột 2</td><td>Hàng 1, Cột 3</td>
</tr>
<tr>
<td>Hàng 2, Cột 1</td><td>Hàng 2, Cột 2</td><td>Hàng 2, Cột 3</td>
</tr>
<tr>
<td>Hàng 3, Cột 1</td><td>Hàng 3, Cột 2</td><td>Hàng 3, Cột 3</td>
</tr>
</table>
Và đây là hình minh họa. 
Tiêu đề cột 1Tiêu đề cột 2Tiêu đề cột 3
Hàng 1, Cột 1Hàng 1, Cột 2Hàng 1, Cột 3
Hàng 2, Cột 1Hàng 2, Cột 2Hàng 2, Cột 3
Hàng 3, Cột 1Hàng 3, Cột 2Hàng 3, Cột 3

Khắc phục lỗi cách khi chèn bảng

Các bạn có thể để ý thấy phần xhuwx viết và bảng ở các bảng tren bị cách nhau một khoảng trắng khá rộng, Bảng càng có kích thước lớn, khoảng trắng này càng rộng.
Kẻ bảng và khắc phục lỗi khi chèn bản cho Blog
Để đăng bảng một cách dễ dàng, Namkna xin hướng dẫn bạn cách khắc phục ở bên dưới:
1- Đăng nhập Blogger 
2- Chọn Mẫu (template)
3- Chọn Chỉnh sửa HTML (Edit HTML)
4- Dán đoạn mã dưới vào sau thẻ ]]></b:skin>.
.namkna-table br {
  display: none
}
5- Lưu mẫu lại. 
6- Khi tạo bảng, bạn bổ sung thêm phần in đậm màu xanh nhạt như dưới:
<div class="namkna-table">
<table border="1">
<tr>
<th>Tiêu đề cột 1</th><th>Tiêu đề cột 2</th>
</tr>
<tr>
<td>Hàng 1, Cột 1</td><td>Hàng 1, Cột 2</td>
</tr>
<tr>
<td>Hàng 2, Cột 1</td><td>Hàng 2, Cột 2</td>
</tr>
</table>
</div>
Giờ hãy xem thành quả đi. Bạn sẽ thấy không còn khoảng trống nữa!

                                                                                                              Theo: Namkna
                                                                                                              Thu thuat vi tinh

10 nhận xét:

  1. muốn tạo thêm cột thêm hàng có được không và cách làm như thế nào, xin hỏi bạn

    Trả lờiXóa
    Trả lời
    1. Có đấy thôi, bạn hãy đọc phần : Làm thế nào để thêm cột cho bảng trong blogger?

      Xóa
  2. Cảm ơn bạn đã nhiệt tình chỉ giáo, ý mình muốn hỏi là có thêm duoc cột 4 ,5 ,6,7 không ấy vì mình làm theo HD chỉ được 3 cot và 3 dòng .nếu có thể bạn vào blog cua minh baohiemxhoidabac.blogspot.com xem bài tỷ lệ % trích nộp BHXH-BHYT-BHTN sau đó cho mình xin lời hướng dân nha.thanks!

    Trả lờiXóa
  3. Đúng rồi mình viết thiếu, đây là link của bài viết mình cần nhờ bạn giúp
    http://baohiemxahoidabac.blogspot.com bạn xem trong mục TÌM HIỂU xem bài tỷ lệ % trích nộp BHXH-BHYT-BHTN sau đó cho mình xin lời hướng dân nha.thanks!bài

    Trả lờiXóa
  4. Đúng rồi mình viết thiếu, đây là link của bài viết mình cần nhờ bạn giúp
    http://baohiemxahoidabac.blogspot.com bạn xem trong mục TÌM HIỂU xem bài tỷ lệ % trích nộp BHXH-BHYT-BHTN sau đó cho mình xin lời hướng dân nha.thanks!bài

    Trả lờiXóa
    Trả lời
    1. Mình test thử rồi. Code của Namkna cực chuẩn đó thôi. Có lẽ bạn thêm vào chưa đúng vị trí của nó. VD: Dưới đây là code tạo 5 cột va 4 dòng (bạn mang về dán vào sẽ rõ, chú ý các chỗ mình thêm vào)
      <table border="1">
      <tr>
      <th>Tiêu đề cột 1</th><th>Tiêu đề cột 2</th><th>Tiêu đề cột 3</th><th>Tiêu đề cột 4</th><th>Tiêu đề cột 5</th>
      </tr>
      <tr>
      <td>Hàng 1, Cột 1</td><td>Hàng 1, Cột 2</td><td>Hàng 1, Cột 3</td><td>Hàng 1, Cột 4</td><td>Hàng 1, Cột 5</td>
      </tr>
      <tr>
      <td>Hàng 2, Cột 1</td><td>Hàng 2, Cột 2</td><td>Hàng 2, Cột 3</td><td>Hàng 2, Cột 4</td><td>Hàng 2, Cột 5</td>
      </tr>
      <tr>
      <td>Hàng 3, Cột 1</td><td>Hàng 3, Cột 2</td><td>Hàng 3, Cột 3</td><td>Hàng 3, Cột 4</td><td>Hàng 3, Cột 5</td>
      </tr>
      <td>Hàng 4, Cột 1</td><td>Hàng 4, Cột 2</td><td>Hàng 4, Cột 3</td><td>Hàng 4, Cột 4</td><td>Hàng 4, Cột 5</td>
      </tr>
      </table>

      Xóa
  5. Cảm ơn Ngân Giang Hoa. Qua sự hướng dẫn của bạn mình đã làm được rồi.

    Trả lờiXóa

Cảm ơn bạn đã nhận xét !
- Bạn có thể chèn link vào nhận xét bằng thẻ: <a href="Link" rel="nofollow">Tên link</a>
- Tạo <b>Chữ đậm</b> và <i>Chữ ngiêng</i> cho nhận xét
- Hãy Chuyển đổi mã code trước khi chèn vào nhận xét
- Hãy bấm Theo dõi dưới chân trang để nhanh chóng nhận được phản hồi từ Thủ thuật vi tính
- Những nhận xét nào không lành mạnh hoặc chèn link spam sẽ bị xóa khỏi blog.

Mã hóa Code

Support : Trick Blogspot | Ghost win | Website Design | Seo Trick | Ghost win | Software Free | Site Map | Back Link | Contact Advertising | ↑ back to top
Ghi rõ nguồn thuthuatvitinhaz.blogspot.com dưới dạng liên kết khi phát hành lại thông tin từ trang này
Copyright © 2013. Thủ thuật Số - All Rights Reserved
Design by Ngân Giang
Xem tốt nhất ở độ phân giải 1024 x 768 pixel
Template by Dameva