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

สมาชิก ReadyPlanet หลายท่าน มีการเลือกแสดงหน้าแรกของเว็บไซต์ (Intro Page) เพื่อเป็นหน้าต้อนรับก่อนเข้าสู่เว็บไซต์จริงของท่าน แต่อาจจะยังไม่ทราบว่าจะตกแต่งหน้าแรกอย่างไรให้น่าสนใจ  วันนี้ Tips & Tricks ขอนำเสนอเทคนิคการตกแต่งหน้าแรกของเว็บไซต์สำเร็จรูปด้วย Code Slide   จากเว็บไซต์ที่ให้บริการสไลด์โชว์คือ www.sanook.com  มาแนะนำ โดยมีขั้นตอนที่ไม่ยาก ดังนี้ค่ะ

 

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

 


 

 

 

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