โค้ดข้อความเลื่อน HTML Marquee Text

บทความนี้จะคล้ายกับบทความ "HTML Marquee Code Banner เลื่อนได้" ด้วยการใช้โค้ด HTML Marquee Code สำหรับทำเป็น Text ข้อความเลื่อน หรือเข้าใจง่าย ๆ ก็คือเปลี่ยนจากรูปภาพมาเป็นข้อความที่เราต้องการนั่นเอง แต่ก็จะมีการเพิ่มโค้ดสำหรับกำหนดขนาดได้ด้วย มีรูปแบบของโค้ดทั้งหมด 4 แบบด้วยกัน

1. โค้ด HTML Marquee Text เลื่อนขึ้นด้านบน

ข้อความของคุณ

<marquee style="width:100px; height:50px; font-size:15px" behavior="scroll" scrolldelay="200" direction="up">

ข้อความของคุณ

</marquee>

โค้ดกล่องลิงก์แบนเนอร์ HTML Marquee Code Banner เลื่อนได้

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

1. โค้ด HTML Marquee เลื่อนขึ้นด้านบน

<marquee style="width:168px; height:160px" behavior="scroll" scrolldelay="200" direction="up">
ใส่โค้ดแบนเนอร์ของคุณ
</marquee>

การเปลี่ยน Title Tag ให้รองรับ SEO สำหรับ Blogger

สำหรับคนที่ใช้งานเว็บบล็อกของ Blogger จุดสำคัญอีกหนึ่งแห่งคือส่วนของ Title Tag เป็นข้อความที่จะปรากฏอยู่ด้านบนของเบราว์เซอร์ หรือ Title Bar นั่นเอง มันจะช่วยบอกให้เราทราบว่าเรากำลังดูเกี่ยวกับอะไรอยู่ และยังช่วยให้เสิร์ชเอนจิน (Search Engine) ต่าง ๆ สามารถแยกแยะเพื่อจัดอันดับให้เว็บไซต์เราได้ง่ายขึ้นอีกด้วย

การกำหนดส่วนของ Title หรือ Title Tag ของแต่ละบทความที่เราเขียนขึ้นนั้น ควรจะต้องเป็นหัวข้อที่กระชับ ไม่สั้น ไม่ยาว รวมแล้วไม่ควรเกิน 70 ตัวอักษร และมีคำสำคัญ หรือ Keyword (คีย์เวิร์ด) ที่เกี่ยวข้องกับบทความนั้น ๆ ประกอบอยู่ด้วย

Title Tag ถือได้ว่าเป็นหัวใจสำคัญในการทำ SEO เบื้องต้น หรือที่เรียกว่าการปรับแต่ง SEO On-Page คือทำให้เว็บไซต์ของเราจูนเข้ากับระบบ Search Engine ต่าง ๆ นั่นเอง

1. ไปที่ แม่แบบ คลิกเข้าไปที่ แก้ไข HTML

ฟรีโค้ดโบว์ดำไว้อาลัย Black Ribbons ริบบิ้นดำไว้ทุกข์

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

ขั้นตอนติดตั้งโค้ด CSS ริบบิ้นดำไว้ทุกข์สำหรับ Blogger

1. ไปที่ รูปแบบ แล้วคลิก เครื่องมือออกแบบเทมเพลต

โค้ดปุ่ม Link Button แจกฟรี

Button คือ ปุ่มที่มีการตอบสนองเมื่อเรานำเม้าส์ไปชี้ โดยใช้โค้ดสำเร็จรูป CSS ที่เราสามารถนำไปปรับแต่งใช้งานได้ทันที จะมีโค้ด 2 แบบด้วยกัน

โค้ดโฆษณา Banner เลื่อน ขึ้น-ลง ตาม Scrollbar

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

โค้ด HTML ที่นำมาแจกนี้ สามารถนำไปใช้กับระบบของ Blogger หรือเว็บไซต์อื่น ๆ ที่ไม่มี Base CSS นะครับ ส่วนตัวผมทดสอบใช้งานกับ Blogger แล้วไม่มีปัญหาใด ๆ ใช้งานได้ปกติ

โค้ดจะมีด้วยกัน 3 ชุด สามารถเลือกอย่างใดอย่างหนึ่งไปใช้งานตามความเหมาะสมของเว็บไซต์คุณได้เลย

หมายเหตุ: ขนาดป้ายโฆษณา 160x600 สามารถเปลี่ยนขนาดของป้ายได้ ให้ค้นหาโค้ด width=&quot;160 และ height=&quot;600 เปลี่ยนที่ตัวเลข 160 และ 600 เป็นความกว้างความสูงตามที่เราต้องการ

1. คลิกไปที่ แม่แบบ แล้วคลิก แก้ไข HTML

โค้ด HTML ลิงก์ข้อความ ลิงก์รูปภาพ

Anchor Text (แอง-เคอะ เท็คซท) หรือเรียกง่าย ๆ ว่า Text Link (เท็คซท ลิงก์) เป็นลักษณะของการเชื่อมโยง คำ, ข้อความ หรือตัวอักษรต่าง ๆ ที่เราต้องการ มีความสำคัญในการเชื่อมโยงระหว่างเว็บเพจไปยังหน้าเว็บเพจอื่น ๆ ในเว็บไซต์เดียวกัน หรือเชื่อมโยงระหว่างเว็บไซต์หนึ่งไปยังอีกเว็บไซต์หนึ่ง

โค้ด HTML ที่สามารถนำไปใช้งานจะมี 4 แบบ

1. <a href="ลิงก์ URL ที่ต้องการเชื่อมโยง">ข้อความ</a>
ตัวอย่าง: ข้อความ

2. <a href="ลิงก์ URL ที่ต้องการเชื่อมโยง" target="_blank">ข้อความ</a>
ตัวอย่าง: ข้อความ
อธิบาย: target="_blank" คือ เมื่อคลิกที่ลิงก์จะเป็นการเปิดแถบหน้าต่างใหม่

3. <a href="ลิงก์ URL ที่ต้องการเชื่อมโยง" target="_blank"><b>ข้อความ</b></a>
ตัวอย่าง: ข้อความ
อธิบาย: <b>...</b> คือ การทำให้ข้อความเป็นตัวหนา

ทำเว็บไซต์เป็นสีขาวดำ เพื่อไว้อาลัย ไว้ทุกข์

ปวงชนชาวไทยต่างร่วมไว้อาลัยให้ "พ่อหลวง" เราชาวเว็บมาสเตอร์ขอเป็นส่วนหนึ่งในการร่วมไว้อาลัย ด้วยการทำเว็บไซต์ของเราให้เป็นสีขาวดำทั้งเว็บ

วิธีทำเว็บไซต์เป็นสีขาวดำสำหรับ Blogger

1. คลิกที่ แม่แบบ จากนั้นคลิก แก้ไข HTML ตามภาพด้านล่าง