แนะนำการทำเว็บสำเร็จรูป - เทคนิคใส่ตัวอักษรเคลื่อนไหวในพื้นที่ด้านล่างของเว็บไซต์
แนะนำการทำเว็บสำเร็จรูป - เทคนิคใส่ตัวอักษรเคลื่อนไหวในพื้นที่ด้านล่างของเว็บไซต์

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


1. Login เข้าสู่ส่วนสมาชิก ที่เมนู "ระบบพื้นฐาน" คลิก "จัดการกลุ่มบทความ/บทความ"




2. จากนั้น คลิกปุ่ม  "เพิ่มบทความใหม่" (อาจเพิ่มที่กลุ่ม Special Column ได้ค่ะ)

 


3. คลิกแท็บ "เนื้อหาของบทความ"  จากนั้นคลิกเครื่องมือ   (Marquee)
 



4. ปรากฎหน้าต่าง "Insert Marquee"

  • ในช่อง Marquee ให้ท่านพิมพ์ข้อความที่ต้องการให้เป็นอักษรเคลื่อนไหว
  • และในช่อง Scroll Amount /Scroll Delay ให้กำหนดค่าความเร็วในการเคลื่อนไหวของภาพ และ คลิก OK

    สำหรับการตั้งค่าหัวข้ออื่น ๆ ในคำสั่ง Marquee มีดังนี้
     
    • direction = ทิศทางการเลื่อนซ้าย ขวา
    • behavior = การแสดงผลมีให้เลือกแบบวนต่อเนื่อง สไลด์แล้วหยุด หรือวิ่งสลับซ้ายขวาไปมา
    • bgcolor = สีพื้นหลังในกรอบ Marquee
    • width = ความกว้างกรอบ Marquee
    • height = ความสูงกรอบ Marquee
    • scrollamount = ความเร็ว หน่วยเป็น pixels ต่อวินาที
    • scrolldelay = ความหน่วง หน่วยเป็น pixels ต่อวินาที
       




5. หลังจากคลิก OK จะปรากฎข้อความที่ทำเป็นอักษรเคลื่อนไหวในเนื้อหาของบทความ ท่านสามารถตกแต่งการแสดงผลตัวอักษรได้ตามต้องการ เช่น ทำตัวหนา ตัวเอียง ขีดเส้นใต้ ผูกลิงค์โดยใช้เครื่องมือ Hyperlink in Text หรือเปลี่ยนสีตัวอักษร เป็นต้น




6. เมื่อปรับแต่งการแสดงผลตามต้องการแล้ว ให้คลิกเครื่องมือ    "Source"  ข้อมูลในเนื้อหาของบทความจะถูกเปลี่ยนเป็น HTML Code จากนั้น ให้ Copy Code ที่ปรากฎ และบันทึกบทความนี้เก็บสำรองข้อมูลไว้ในกลุ่มบทความ Special Column เพื่อความสะดวกในการแก้ไขข้อมูลภายหลังค่ะ




7. จากนั้น ไปที่เมนู "จัดการเว็บไซต์"  คลิกเมนู "กำหนดด้านล่างของเว็บไซต์"




8. วาง Code ที่คัดลอกมาในเมนูพื้นที่ด้านล่างของเว็บไซต์ทั้ง 2 ส่วน และคลิก ตกลง เพื่อบันทึกข้อมูล 




ตัวอย่างการแสดงผลอักษรเคลื่อนไหว

เว็บไซต์สำเร็จรูป ร้านค้าออนไลน์ ReadyPlanet ผู้ให้บริการเว็บไซต์สำเร็จรูปรายแรก และใหญ่ที่สุดในประเทศไทย

 
ตัวอย่างการแสดงผลอักษรเคลื่อนไหวในพื้นที่ด้านล่างของเว็บไซต์

19 October 2011
Jittima  Suebsook
www.ReadyPlanet.com




เทคนิคการทำเว็บไซต์ (Howto)

เทคนิคการสร้างเส้นตรงคั่นระหว่างเนื้อหาหรือบทความด้วยเครื่องมือ Insert Horizontal Line
วิธีนำ Embed Post จาก Facebook, Twitter และ Google+ มาแสดงผลบนหน้าเว็บไซต์
เว็บไซต์สำเร็จรูป - ไขข้อข้องใจ "การทำเว็บไซต์ภาษาที่สอง"
เว็บไซต์สำเร็จรูป - ติดตั้งเครืองมือแปลภาษา Google Translate บนหน้าเว็บไซต์
เว็บไซต์สำเร็จรูป - เจาะลึกเรื่องเมนูที่ควร Do และ Don't
เว็บไซต์สำเร็จรูป - เทคนิคง่าย ๆ ในการค้นหาข้อมูลบนเว็บไซต์ ตอนที่ 2
เว็บไซต์สำเร็จรูป - เทคนิคง่าย ๆ ในการค้นหาข้อมูลบนเว็บไซต์ ตอนที่ 1
เว็บไซต์สำเร็จรูป - เทคนิคการใส่ตารางในรายละเอียดสินค้าบนระบบร้านค้าออนไลน์
เว็บไซต์สำเร็จรูป - เทคนิคการปิดปรับปรุงเว็บไซต์ โดยใช้ Intro Page
เว็บไซต์สำเร็จรูป - ติดต่อง่าย เก็บได้ข้อมูลดังใจกับ "แบบฟอร์มอิสระติดต่อกลับ"
เว็บไซต์สำเร็จรูป - ไม่พลาดการติดต่อด้วย "แบบฟอร์มมาตรฐาน"
เว็บไซต์สำเร็จรูป - ใส่กรอบและตกแต่งรูปภาพอย่างง่ายด้วยโปรแกรม PhotoScape
การทำเว็บเพื่อการตลาดออนไลน์ - ฟันธงแนวโน้มการตลาดออนไลน์
เว็บไซต์สำเร็จรูป - จัดระเบียบข้อมูลบนหน้าเว็บไซต์ด้วยเครื่องมือตาราง
แนะนำการทำเว็บสำเร็จรูป - วิธีอัพโหลดไฟล์เอกสารและสร้างลิงค์สำหรับดาวน์โหลด
แนะนำการทำเว็บสำเร็จรูป - ย่อรูปภาพอย่างง่ายด้วยเครื่องมือ "กำหนดขนาดรูปภาพ"
การทำเว็บเพื่อการตลาดออนไลน์ - Website Check Up ตรวจสุขภาพเว็บไซต์
แนะนำการทำเว็บสำเร็จรูป - สร้างลิงค์รูปภาพเล็กไปรูปภาพใหญ่ ด้วยเครื่องมือ Text Editor
แนะนำการทำเว็บสำเร็จรูป - เทคนิคซ่อนเส้นขอบรูปภาพที่เกิดจากการสร้างลิงค์
แนะนำการทำเว็บสำเร็จรูป - วิธีสร้างภาพโลโก้ตัวอักษรอย่างง่าย
แนะนำการทำเว็บสำเร็จรูป - วิธีแสดง Profile widget จาก Twitter ในเว็บไซต์
แนะนำการทำเว็บสำเร็จรูป - วิธีติดตั้งโค้ดนับจำนวนผู้เข้าชมเว็บไซต์
การทำเว็บเพื่อการตลาดออนไลน์ - ทำอย่างไรให้เว็บไซต์เป็นที่นิยม
แนะนำการทำเว็บสำเร็จรูป - ข้อควรระวังในการทำเว็บไซต์และวิธีใส่ข้อมูลในเว็บไซต์ที่ถูกต้องปลอดภัย
แนะนำการทำเว็บสำเร็จรูป - วิธีใส่เสียงเพลงในหน้าเว็บไซต์
แนะนำการทำเว็บสำเร็จรูป - ตกแต่งเว็บไซต์ด้วยโค้ดนาฬิกาและปฏิทิน
แนะนำการทำเว็บสำเร็จรูป - สร้างลิงค์ตรวจสอบสถานะ EMS และไปรษณีย์แบบลงทะเบียนในเว็บไซต์
แนะนำการทำเว็บสำเร็จรูป - สร้างรูปภาพเคลื่อนไหวแบบ Marquee
แนะนำการทำเว็บสำเร็จรูป - ประชาสัมพันธ์เว็บไซต์ด้วยแบนเนอร์แลกลิงค์
แนะนำการทำเว็บสำเร็จรูป - สร้างลูกเล่นให้เว็บไซต์ด้วย Chat Box
การทำเว็บเพื่อการตลาดออนไลน์ - สร้างธุรกิจให้ดังและโดนด้วย Social Network
แนะนำการทำเว็บสำเร็จรูป - ตกแต่งเว็บไซต์ด้วยแบนเนอร์เทศกาล
แนะนำการทำเว็บสำเร็จรูป - วิธีสร้าง QR Code และแสดงผลบนเว็บไซต์
การทำเว็บเพื่อการตลาดออนไลน์ - E-Mail Marketing ทำการตลาดออนไลน์ด้วยอีเมล
แนะนำการทำเว็บสำเร็จรูป - วิธีสร้างไฟล์ภาพ Favorite Icon เพื่อแสดงผลในช่อง Address Bar
แนะนำการทำเว็บสำเร็จรูป - เทคนิคการสร้างลิงค์ ในหน้าเดียวกันด้วยคำสั่ง Anchor
การทำเว็บเพื่อการตลาดออนไลน์ - Google Adwords สื่อโฆษณาที่ทรงพลัง
แนะนำการทำเว็บสำเร็จรูป - เทคนิคการสร้างลิงค์เมนูและรูปภาพแบนเนอร์ในพื้นที่ด้านล่างของเว็บไซต์
แนะนำการทำเว็บสำเร็จรูป - แนะนำวิธีหากลืมรหัสผ่านเข้าสู่หน้าแก้ไขเว็บไซต์
การทำเว็บเพื่อการตลาดออนไลน์ - การติดตั้ง Facebook Page Plugin (Like Box) ในเว็บไซต์
แนะนำการทำเว็บสำเร็จรูป - วิธีแสดงผลเครื่องเล่น VDO บนหน้าเว็บไซต์
การทำเว็บเพื่อการตลาดออนไลน์ - Keyword ช่วยสร้างตัวตนบนโลกออนไลน์
แนะนำการทำเว็บสำเร็จรูป - สาเหตุและวิธีการแก้ไขหน้าเว็บไซต์ที่จำข้อมูลเดิม
การทำเว็บเพื่อการตลาดออนไลน์ - การเปลี่ยน Visitor เป็น Customer
การทำเว็บเพื่อการตลาดออนไลน์ - วิธีเชื่อมต่อ Status จาก Twitter ไปยัง Facebook อัตโนมัติ
การทำเว็บเพื่อการตลาดออนไลน์ - รู้จักผู้เข้าชมเว็บไซต์ และวัดผลด้วย Google Analytics
แนะนำการทำเว็บสำเร็จรูป - เพิ่มลูกเล่นให้เว็บไซต์ด้วยหน้าต้อนรับ Intro Page
แนะนำการทำเว็บสำเร็จรูป - วิธีระบุที่ตั้งและแสดงแผนที่ Google Map บนหน้าเว็บไซต์
การทำเว็บเพื่อการตลาดออนไลน์ - วิธีใส่คีย์เวิร์ดในเว็บไซต์เพื่อให้ Google จัดเว็บไซต์ในอันดับที่ดี
การทำเว็บเพื่อการตลาดออนไลน์ - ความหมายและความสำคัญของการจดทะเบียนโดเมนเนม
การทำเว็บเพื่อการตลาดออนไลน์ - เทคนิคการให้รายละเอียดสินค้าเพื่อปิดการขาย
การทำเว็บเพื่อการตลาดออนไลน์ - การสร้างความน่าเชื่อถือให้กับเว็บไซต์
แนะนำการทำเว็บสำเร็จรูป - จะเลือกใช้สีในหน้าเว็บไซต์อย่างไรให้เหมาะสม?
แนะนำการทำเว็บสำเร็จรูป - จัดการข้อมูลเมนูย่อยด้านข้างอย่างไรดี?
แนะนำการทำเว็บสำเร็จรูป - เทคนิคการจัดการเมนูหลักที่สวยและดี
แนะนำการทำเว็บสำเร็จรูป - การเลือกรูปแบบเว็บไซต์และจัดโครงสร้างหน้าแรก
แนะนำการทำเว็บสำเร็จรูป - เริ่มต้นใส่ข้อมูลในระบบเว็บไซต์สำเร็จรูป
การทำเว็บเพื่อการตลาดออนไลน์ - เทคนิคการเขียนบทความบนเว็บไซต์ให้น่าสนใจ
แนะนำการทำเว็บสำเร็จรูป - เตรียมข้อมูลทำเว็บไซต์อย่างไรดี
แนะนำการทำเว็บสำเร็จรูป - 10 ข้อแนะนำ ก่อนเริ่มทำเว็บไซต์