ทำให้ข้อความมีชีวิตชีวาด้วย HTML Code

html

ผมเองเป็นคนหนึ่งที่เริ่มต้นทำบล็อกโดยไม่รู้จักภาษา HTML เลย แต่พอลองอ่านไปสักพักก็เป็นอะไรที่พอเข้าใจได้ หวังว่าเพื่อนๆที่เริ่มเขียนบล็อกและเป็นมือใหม่ อย่าเพิ่งท้อแท้ไปเสียก่อนนะครับ  ในบทความนี้ผมขอกล่าวถึงโค้ดง่ายๆ ที่น่ารู้ และเอาไปใช้ไม่ยากก่อนนะครับ ส่วนที่ซับซ้อนกว่านี้ก็จะกล่าวถึงในภายหลังครับ

โค้ดเกี่ยวกับข้อความ

1. ข้อความวิ่งขวาไปซ้าย
<marquee direction=left >ใส่ข้อความที่ต้องการที่นี่</marquee>

2. ข้อความเด้งซ้ายขวา
<marquee behavior=alternate>ใส่ข้อความที่ต้องการที่นี่</marquee>

3. ข้อความวิ่งบนลงล่าง
<marquee direction=down>ใส่ข้อความที่ต้องการที่นี่</marquee>

4. จำกัดความสูง กว้าง
<marquee width=="ใส่เลขความกว้าง" height="ใส่เลขความสูง">ใส่ข้อความที่ต้องการที่นี่</marquee>

5. มีพื้นหลัง และ กรอบ

<marquee style="color: #000000; border: dotted 1 #000000" bgcolor=#C0C0C0>ใส่ข้อความที่ต้องการที่นี่ </marquee>

6.ข้อความเด้งขึ้น-ลง

<marquee behavior="alternate" direction="down" scrollamount="ใส่เลขความเร็ว" width="ใส่เลขความกว้าง" height="ใส่เลขความสูง">ใส่ข้อความที่ต้องการที่นี่
</marquee>

7. ตกแต่งตัวหนังสือและเปลี่ยนสี font (แก้รูปแบบได้ในส่วนข้อความสีแดงครับ)
<style>body, ul, li, p{font: normal "MS Sans Serif",Tahoma;font-size:10pt;color:"black";}</style>

8. ใส่ Link ให้กับข้อความ
<a href ="ใส่ลิงค์ที่ต้องการ"> ใส่ข้อความที่ต้องการที่นี่</a>

9.ใส่ Link ให้กับข้อความ และเปิดในหน้าใหม่/แท็บใหม่ เมื่อถูกคลิก
<a href = "ใส่ลิงค์ที่ต้องการ" taget="_blank>"; ใส่ข้อความที่ต้องการที่นี่ </a>

ตอนนี้มีความคิดเห็น : 5 ความคิดเห็น
หากคุณมีปัญหาหรือข้อสงสัยใดๆ สามารถสอบถามได้จากกล่อง comment ด้านล่างนี้ได้เลยครับ

  1. ขอถามหน่อยนะคับ ไม่รู้ว่าจะไปวางไว้ที่ไหนคับ ช่วยหน่อยคับ

  1. @ jai-mon ง่ายที่สุดก็คือ ใช้วิธี Add gadget ชนิด HTML/จาวาสคริปต์ แล้ววางโค้ดเหล่านี้ลงไป (อาจจะเลือกแค่ 1 โค้ดก็พอครับ) แล้วลาก gadget นั้นไปยังตำแหน่งที่ต้องการครับ

    ศึกษาวิธี Add gadget ที่นี่ครับ

    http://hackublog.blogspot.com/2009/09/gadget.html

  1. @ jai-mon อีกหนึ่งวิธีก็คือการ วางในบทความที่เราเขียน ให้ดูมี ลูกเล่น น่าสนใจมากขึ้นครับ

  1. ขอบคุณคับ

แสดงความคิดเห็น

ถ้าต้องการโพส HTML ให้แปลงโค้ดที่เครื่องมือด้านล่างนี้ก่อนครับ

สร้างบล็อก Facebook SEO บล็อก Linkwheel iMacros Link Wheel