HTML เรียงรูปใน Post ของ Blogger
การวางรูปที่มี URL อยู่แล้วให้เรียงกันเป็นระเบียบ
- กด HTML ในหน้า Post ใหม่
- วาง Code ดังนี้
<table> <tr> <td><img src="URL" width="200" /></td> <td><img src="URL" width="200" /></td> </tr> </table>
ใส่ URL ของรูปลงแทนแถบสีเหลือง ใส่ความกว้างของภาพแทนในแถบสีแดง
<table>
<tr>
<td><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGl-eeG1Y8an9Zv51taKKxEpaYbrdEl0KxJnrTUnDV9HJk8jZx3Jhh8mkYqVrukGYIqZ_CsCpvhFMyaufo5wUSzoZAifhqqK43Vpg69Wd4x8fF3nBcP2pKYUjs-r-ehynbVhU6M8R4Ago/s1600/Hibiscus%252BFlower.jpg" width="200" /></td>
<td><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGl-eeG1Y8an9Zv51taKKxEpaYbrdEl0KxJnrTUnDV9HJk8jZx3Jhh8mkYqVrukGYIqZ_CsCpvhFMyaufo5wUSzoZAifhqqK43Vpg69Wd4x8fF3nBcP2pKYUjs-r-ehynbVhU6M8R4Ago/s1600/Hibiscus%252BFlower.jpg" width="200" /></td>
</tr>
</table>
<tr>
<td><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGl-eeG1Y8an9Zv51taKKxEpaYbrdEl0KxJnrTUnDV9HJk8jZx3Jhh8mkYqVrukGYIqZ_CsCpvhFMyaufo5wUSzoZAifhqqK43Vpg69Wd4x8fF3nBcP2pKYUjs-r-ehynbVhU6M8R4Ago/s1600/Hibiscus%252BFlower.jpg" width="200" /></td>
<td><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGl-eeG1Y8an9Zv51taKKxEpaYbrdEl0KxJnrTUnDV9HJk8jZx3Jhh8mkYqVrukGYIqZ_CsCpvhFMyaufo5wUSzoZAifhqqK43Vpg69Wd4x8fF3nBcP2pKYUjs-r-ehynbVhU6M8R4Ago/s1600/Hibiscus%252BFlower.jpg" width="200" /></td>
</tr>
</table>
ใด้ดังนี้
 | |
-ถ้ามีรูปมากกว่า 2 รูปก็ให้เพิ่มบรรทัดคำสั่ง ไปเรื่อยๆ
<table>
<tr>
<td><img src="URL" width="200" /></td>
<td><img src="URL" width="200" /></td>
<td><img src="URL" width="200" /></td>
<td><img src="URL" width="200" /></td>
</tr> </table>
เช่น
<table><tr>
<td><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGl-eeG1Y8an9Zv51taKKxEpaYbrdEl0KxJnrTUnDV9HJk8jZx3Jhh8mkYqVrukGYIqZ_CsCpvhFMyaufo5wUSzoZAifhqqK43Vpg69Wd4x8fF3nBcP2pKYUjs-r-ehynbVhU6M8R4Ago/s1600/Hibiscus%252BFlower.jpg" width="100" /></td>
<td><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGl-eeG1Y8an9Zv51taKKxEpaYbrdEl0KxJnrTUnDV9HJk8jZx3Jhh8mkYqVrukGYIqZ_CsCpvhFMyaufo5wUSzoZAifhqqK43Vpg69Wd4x8fF3nBcP2pKYUjs-r-ehynbVhU6M8R4Ago/s1600/Hibiscus%252BFlower.jpg" width="100" /></td>
<td><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGl-eeG1Y8an9Zv51taKKxEpaYbrdEl0KxJnrTUnDV9HJk8jZx3Jhh8mkYqVrukGYIqZ_CsCpvhFMyaufo5wUSzoZAifhqqK43Vpg69Wd4x8fF3nBcP2pKYUjs-r-ehynbVhU6M8R4Ago/s1600/Hibiscus%252BFlower.jpg" width="100" /></td>
<td><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGl-eeG1Y8an9Zv51taKKxEpaYbrdEl0KxJnrTUnDV9HJk8jZx3Jhh8mkYqVrukGYIqZ_CsCpvhFMyaufo5wUSzoZAifhqqK43Vpg69Wd4x8fF3nBcP2pKYUjs-r-ehynbVhU6M8R4Ago/s1600/Hibiscus%252BFlower.jpg" width="100" /></td>
</tr>
</table>
| | | |
ไม่มีความคิดเห็น:
แสดงความคิดเห็น