[Blog] เพิ่มตารางใน Blogger


เพิ่มตารางใน Blogger


เพิ่มตารางใน Blogger

ในวันนี้ได้ทดลองสร้างตารางใน blogger ส่วนตัวขึ้นมาดังภาพปกที่เห็นกันนะ โจทย์ของเราก็คือใน blog มันไม่ปุ่มสร้างตาราง แต่เราอยากได้! ☜(゚ヮ゚☜) ให้ทำไงล่ะ...

เจ้า blog ของเราใจดีเลยมีปุ่ม '<> มุมมอง HTML' ขึ้นมาให้เราใส่อะไรก็ได้ที่เป็น HTML อย่างเต็มที

เพิ่มตารางใน Blogger

แล้วใส่ Code HTML ลงไป

<table style="width: 100%;">
   <caption>Status</caption>
   <tbody>
      <tr>
         <th><span style="font-family: Itim;">HP (เลือด)</span></th>
         <th><span style="font-family: Itim;">Defense (ป้องกัน)</span></th>
         <th><span style="font-family: Itim;">Attack (โจมตี)</span></th>
         <th><span style="font-family: Itim;">Shield (โล่)</span></th>
      </tr>
      <tr>
         <td style="text-align: right;"><span style="font-family: Itim;">341</span></td>
         <td style="text-align: right;"><span style="font-family: Itim;">42</span></td>
         <td style="text-align: right;"><span style="font-family: Itim;">85</span></td>
         <td style="text-align: right;"><span style="font-family: Itim;">170</span></td>
      </tr>
   </tbody>
</table>

แล้วทดสอบดูผลลัพธ์

เพิ่มตารางใน Blogger


เสร็จแล้ววว ที่เหลือก็แค่ตกแต่งตามใจชอบได้เลย

(* ̄3 ̄)╭

ความคิดเห็น