เทคนิคการตกแต่งหน้าแรกของเว็บไซต์

1. เข้าเว็บไซต์ www.sanook.com และเริ่มตกแต่งสไลด์ตามขั้นตอน ดังนี้

     1.1  คลิกปุ่ม Browse เลือกรูปภาพที่ต้องการจากเครื่องคอมพิวเตอร์ของท่าน
1.2  คลิกปุ่ม Submit จากนั้นรอระบบอัพโหลดรูปภาพ
1.3  ตกแต่ง Slide โดยจะมี Effect ต่าง ๆ ให้เลือกใช้ตามต้องการ
1.4  เมื่อตกแต่งเรียบร้อยแล้ว คลิก ยอมรับเงื่อนไขการใช้งาน และ บันทึกเพื่อรับรหัส Code HTML แสดงภาพสไลด์ค่ะ

2. ที่หน้าเว็บเพจรับรหัสแสดงภาพสไลด์ ให้ท่าน Copy Code HTML ที่ปรากฎ ดังรูป (ในขั้นตอนนี้ ท่านสามารถบันทึกสไลด์เพื่อแก้ไขปรับปรุงในภายหลังด้วย My Widget ของ Sanook ได้ด้วยค่ะ)

3. วิธีการนำ Code Slide มาแสดงบนหน้าเว็บไซต์ของท่าน ให้ท่าน Log in เข้าส่วนสมาชิก จากนั้นที่เมนู “จัดการเว็บไซต์” คลิกเลือก “Intro Page ของเว็บไซต์”

4. เข้าสู่หน้า Intro page ของเว็บไซต์  ทำการตั้งค่าดังนี้

     4.1  ที่หัวข้อ Intro Page ของเว็บไซต์ ให้เลือกตั้งค่า “แสดงหน้า Intro Page”
4.2  คลิกแท็บ “รายละเอียด Intro Page”
4.3 คลิกเครื่องมือ   (Source)
4.4 จากนั้น วางโค้ด Slide ที่คัดลอกมาในช่องรายละเอียด (หากต้องการใส่ข้อมูลอื่น ๆ เพิ่มเติม ให้คลิกเครื่องมือ Source อีกครั้ง และทำการใส่ข้อมูลตามต้องการ ดูรายละเอียด วิธีการตกแต่ง Intro Page ของเว็บไซต์ เพิ่มเติม คลิกที่นี่)
4.5  คลิก “ตกลง” เพื่อบันทึก

5. การแสดงผลหน้าแรกของเว็บไซต์ (Intro Page) ด้วย Slide


หมายเหตุ :

ท่านสามารถนำโค้ด Slide นี้ไปตกแต่งส่วนอื่น ๆ ของเว็บไซต์ นอกเหนือจากหน้า Intro Page เช่น รายละเอียดบทนำ  เนื้อหาของบทความ พื้นที่แบนเนอร์ หรือพื้นที่ด้านล่างของเว็บไซต์ เป็นต้น ได้ตามต้องการค่ะ

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

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s