HTML code

การตกแต่ง blog ด้วย HTML code (HTML เป็นภาษาคอมพิวเตอร์ที่ใช้เขียน website)

ภาพตัวอย่าง

เป็นการตกแต่งส่วนเสริมด้านขวาของบทความ เช่น แสดงราคาทองคำ และ การพยากรณ์อากาศเป็นต้น

ต้นฉบับ มาจาก website นี้ครับ
http://support.myreadyweb.com/webboard/topic-227.html

ขั้นตอน

1. เริ่ม click ที่คำสั่ง การออกแบบ (1)

2. ต่อที่คำสั่ง รูปแบบ (1)

จะพบ blog ของเรา ในลักษณะ   โครง (layout)
ส่วนตกแต่งนี้ เรียกว่า Gadget
click ที่คำสั่ง เพิ่ม Gadget (1)

scroll หา gadget ชื่อ HTML/จาวาสคริปต์
แล้ว click เลือก HTML/จาวาสคริปต์ (1)

copy คำสั่งนี้

<iframe src="http://namchiang.com/ncgp2-1.swf" width="172" height="165" frameborder="0" marginheight=0 marginwidth=0 scrolling="no"></iframe>


ลงไปวางใน เนื้อหา (1)
และตั้งชื่อ (2) เช่น ราคาทองคำ
click บันทึก

กลับมาหน้า layout แล้ว
พบ gadget ชื่อ ราคาทองคำ  ถูกสร้างแล้ว

click แสดงตัวอย่าง ก็ได้ผลลัพธ์สวยงาม

ท่านสามารถเพิ่ม code น่าสนใจ นอกเหนือจาก
ราคาทองคำ            ยังมี

ราคาน้ำมัน

<iframe marginWidth=0 marginHeight=0 src="http://www.pttplc.com/th/GetOilPrice.aspx" frameBorder=0 width=173 scrolling=no height=305></iframe>

พยากรณ์อากาศ

<iframe src="http://www.tmd.go.th/daily_forecast_forweb.php" width="180" height="260" scrolling="no" frameborder=0></iframe>

ตรวจสลากกินแบ่ง

<iframe src="http://news.sanook.com/lotto/icheck/" width="300" height="370" scrolling="no" frameborder=0></iframe>

อัตราแลกเปลี่ยน

<iframe marginWidth=0 marginHeight=0 src="http://www.bangkokbank.com/fxbanner/banner1.htm" frameBorder=0 width=173 scrolling=no height=165></iframe>
 

ดัชนี้หุ้น

<iframe src="http://www.settrade.com/banner/banner3.jsp" marginwidth="0" marginleft="0" height="210" width="200" scrolling=no frameborder=no></iframe>

เป็นต้น