ReadyPlanet.com
dot

dot
เลือกเวอร์ชั่น Text Editor
Editor Manual
แนะนำวิธีทำเว็บไซต์เบื้องต้น
Function Update
dot
dot
เว็บไซต์รูปแบบ Responsive web design
จัดการเมนูหลัก
เมนูโค้ดและสคริปต์ภายใต้ <head>
ประวัติการใช้งานระบบ
ตัวนับผู้ชมเว็บ
Google Service/Sitemap
จัดการอีเมลสมัครรับข่าวสาร
dot
dot
ระบบผู้ช่วย
ระบบ Chat
dot
dot
การตั้งอีเมล Pop Mail
dot
dot
bulletจัดการเว็บไซต์
bulletระบบพื้นฐาน
bulletระบบเสริม
bulletบริการสมาชิก
bulletเทคนิคอื่นๆ
bulletText Editor
dot
dot
bulletจัดการแบบฟอร์มติดต่อกลับ


แนะนำการวาง Code Youtube ในเว็บไซต์

เว็บไซต์ อีกหนึ่งช่องทางเผยแพร่วีดีโอออนไลน์ที่ไม่ควรพลาด

 

แม้ว่าการ Share คลิปวีดีโอบนเว็บไซต์รับฝากไฟล์วีดีโอ เช่น Youtube จะเป็นที่นิยมอย่างกว้างขวางอยู่แล้ว แต่เพื่อให้การใช้ Video Marketing ช่วยส่งเสริมการทำธุรกิจบนโลกออนไลน์และเกิดประโยชน์มากยิ่งขึ้น คุณสามารถ นำโค้ดเครื่องเล่นวีดีโอจาก Youtube มาติดตั้งในหน้าเว็บไซต์สินค้าหรือบริการของคุณ เพื่อเป็นข้อมูลประกอบการตัดสินใจในการเลือกซื้อ หรือเลือกใช้ สินค้าหรือบริการได้อย่างชัดเจนมากยิ่งขึ้น

สำหรับสมาชิกที่ใช้งานระบบเว็บไซต์สำเร็จรูป ReadyPlanet (ระบบ VelaClassic)* ก็สามารถนำโค้ดเครื่องเล่นวีดีโอจาก Youtube หรือเว็บผู้ให้บริการอื่นๆ มาติดตั้งบนเว็บไซต์เพื่อให้ผู้เข้าชมสามารถคลิกดูวีดีโอภายในหน้าเว็บไซต์ได้ โดยมีขั้นตอนการติดตั้งที่ไม่ยาก ดังนี้ค่ะ


1. เข้า
เว็บไซต์สำหรับรับฝากไฟล์แล้วแปลงเป็นโค้ด HTML เช่น  http://www.mthai.com หรือ http://www.YouTube.com เป็นต้น (ในที่นี้ยกตัวอย่างวิธีการคัดลอกโค้ดวีดีโอในเว็บไซต์ YouTube ค่ะ) ให้เข้าหน้าดูวีดีโอที่ต้องการตามปกติ จากนั้น

1.1. คลิกปุ่ม "แบ่งปัน" (Share) ที่อยู่ด้านล่างใต้จอแสดงผลวีดีโอ


 

1.2. คลิกปุ่ม "ฝัง" (Embed)


 

1.3. Copy code IFRAME ที่ปรากฎ เพื่อนำไปวางในพื้นที่เว็บไซต์ค่ะ


 

2. วิธีนำ Code วีดีโอ มาแสดงบนหน้าเว็บไซต์ของคุณ ให้ Log in เข้าสู่ส่วนแก้ไขเว็บไซต์ จากนั้นเพิ่มบทความใหม่ หรือแก้ไขหน้าที่ต้องการแสดงผลวีดีโอ โดยสามารถวาง Code วีดีโอได้ทุกเมนูที่มีเครื่องมือ  (Source) เช่น รายละเอียดบทนำ , เนื้อหาของบทความ, เมนูหลัก เมนูย่อยชนิดสร้างหน้าใหม่ (P) เป็นต้น 

 


วิธีการใส่ Code 
 

2.1 คลิกปุ่มเครื่องมือ  1 ครั้ง 

2.2. หากเครื่องมือ Source ทำงาน ข้อมูลในช่องรายละเอียดจะถูกแปลงเป็น HTML Code  และพร้อมรับข้อมูลที่เป็น Code ต่าง ๆ  ทำเครื่องหมายเช่น ** , ### ในตำแหน่งที่ต้องการวาง VDO กด  Source  กด Ctrl+F พิมพ์สัญญาลักษณ์ที่ทำไว้วางโค้ดหลังสัญญาลักษณ์เสร็จ ลบสัญญาลักษณ์เครื่องหมายออก คลิก Source กลับแล้วจัดตำแหน่ง กดบันทึกค่ะ  

 

ตัวอย่างการแสดงผลวีดีโอในหน้าเว็บไซต์


 

ตัวอย่างการแสดงผลวีดีโอจากเว็บไซต์ Youtube

 

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

หากพบปัญหาเกิดขึ้น วิธีการแก้ไขคือ เข้าไปลบ code ต่าง ๆ เหล่านี้ออก เว็บไซต์ของคุณก็จะทำงานได้ตามปกติ

 

 




วิธีใส่ข้อมูลและตกแต่งเว็บไซต์สำเร็จรูป ReadyPlanet เบื้องต้น

เตรียมข้อมูลทำเว็บไซต์อย่างไรดี
เริ่มต้นใส่ข้อมูลในระบบเว็บไซต์สำเร็จรูป
วิธีใส่รูปภาพในเนื้อหาของเว็บไซต์
วิธีอัพโหลดไฟล์เอกสารและสร้างลิงก์สำหรับดาวน์โหลด
วิธีสร้างลิงก์ให้กับข้อความและรูปภาพ
การเลือกรูปแบบเว็บไซต์ (Template) และจัดโครงสร้างหน้าแรก (Layout)
เทคนิคการจัดการเมนูหลักที่สวยและดี
จัดการข้อมูลเมนูย่อยด้านข้างอย่างไรดี?
เลือกใช้สีในหน้าเว็บไซต์อย่างไรให้เหมาะสม?
ข้อควรระวังในการทำเว็บไซต์และวิธีใส่ข้อมูลในเว็บไซต์ที่ถูกต้องปลอดภัย article
วิธีสร้างลิงก์ E-Mail
4 วิธี เคลียร์เนื้อหายาวๆ ในเว็บไซต์ ให้น่าอ่าน
ติดต่อง่าย เก็บได้ข้อมูลดังใจกับ "แบบฟอร์มอิสระติดต่อกลับ"
ไม่พลาดการติดต่อด้วย "แบบฟอร์มมาตรฐาน"
ย่อรูปภาพอย่างง่ายด้วยเครื่องมือ "กำหนดขนาดรูปภาพ"
สร้างลิงก์รูปภาพเล็กไปรูปภาพใหญ่ ด้วยเครื่องมือ Text Editor
สร้างรูปภาพเคลื่อนไหวแบบ Marquee
วิธีสร้างไฟล์ภาพ Favorite Icon เพื่อแสดงผลในช่อง Address Bar
เทคนิคการสร้างลิงค์ ในหน้าเดียวกันด้วยคำสั่ง Anchor
เทคนิคการสร้างลิงก์เมนูและรูปภาพแบนเนอร์ ในพื้นที่ด้านล่างของเว็บไซต์
วิธีใส่คีย์เวิร์ดในเว็บไซต์เพื่อให้ Google จัดเว็บไซต์ในอันดับที่ดี
วิธีติดตั้ง Facebook Page Plugin (Like Box) ในเว็บไซต์
วิธีแสดงผลเครื่องเล่น VDO บนหน้าเว็บไซต์
5 องค์ประกอบของเว็บไซต์ที่ดี
5 สิ่งที่ต้องมี บนโฮมเพจเว็บไซต์
แนะนำโปรแกรมตกแต่งและใส่กรอบรูปภาพฟรี! ใช้ง่าย นำไปแต่งเว็บให้โดดเด่นได้เลย
ใช้ระบบ Chat บนหน้าเว็บไซต์ ช่วยถามตอบทุกข้อสงสัย พร้อมเพิ่มโอกาสปิดการขายได้มากกว่า
โชว์เส้นทาง สร้างแผนที่บนเว็บไซต์ง่ายๆ ใช้ Google Map
Google Verification (วิธียืนยันการเป็นเจ้าของเว็บไซต์กับทาง Google)
วิธีการสร้างและยืนยัน Sitemap ของเว็บไซต์กับ Google
วิธีติดตั้งโค้ด Google Analytics
วิธีติดตั้งเครืองมือแปลภาษา Google Translate บนหน้าเว็บไซต์
ไขข้อข้องใจ "การทำเว็บไซต์ภาษาที่สอง"
สร้างฐานลูกค้าออนไลน์อย่างง่ายแต่มั่นคง ด้วยระบบสมาชิก
เทคนิคสร้างลิงค์และปุ่มโทรบนเว็บไซต์ เพื่อการติดต่อที่ง่าย แค่คลิก แล้วโทร
วิธีเพิ่มลิงก์ Add LINE และปุ่ม LINE it! บนหน้าเว็บไซต์ ช่วยผู้ชมแชทง่าย แชร์ข้อมูลได้สะดวก