เทคนิคการสร้างภาพแบนเนอร์ในพื้นที่ด้านล่างของเว็บไซต์

Text Editor

จัดการแบบฟอร์มติดต่อกลับ

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

1. login เข้าสู่ส่วนสมาชิก คลิกเลือกเมนู จัดการกลุ่มบทความ/บทความ จากนั้น คลิก เพิ่มบทความใหม่ (แนะนำให้สร้างบทความใหม่ใน Special Column ค่ะ)

2. คลิกเลือกคำสั่ง (Upload Image) เพื่อทำการเพิ่มรูปภาพ

3. จะปรากฎหน้าต่าง Image Properties --Webpage Dialog คลิกที่คำสั่ง Browse Server

4. ในหน้า FCKeditor - Resources Browser - Windows Internet Explorer คลิกที่คำสั่ง Browse เพื่อเลือกรูปภาพที่ต้องการ

5. จะปรากฎหน้าต่าง Choose file ให้ท่านคลิกเลือกรูปภาพที่ต้องการ จากนั้นคลิก Open

6. เมื่อคลิกคำสั่ง Open จะปรากฎที่อยู่ของไฟล์รูปภาพที่เลือก จากนั้นคลิกคำสั่ง Upload

7. หลังจากคลิก Upload จะปรากฏรูปภาพที่ท่านเลือก ให้คลิกที่รูปภาพ

8. รูปภาพที่ Upload มาจะปรากฎในช่อง Preview ก่อนทำการ Upload ให้ท่านตรวจสอบความถูกต้องของรูปภาพ จากนั้นคลิกคำสั่ง OK

9. แสดงรูปภาพที่ได้จากการ Upload

10. ให้ท่านทำการ Copy Url ของปลายทางที่จะลิงค์ไป เช่น ต้องการให้ลิงค์ไปหน้าเว็บไซต์ ReadyPlanet.com ให้ท่านเปิดหน้าเว็บไซต์นั้น หลังจากนั้นจึงทำการ Copy Url

11. หลังจาก Copy URL ให้กลับมาคลิกที่รูปภาพ เลือกคำสั่ง (Hyperlink in Text) เพื่อสร้างลิงค์

12. ปรากฎหน้าต่าง Link -- Webpage Dialog วางลิงค์ Url ที่ Copy มาในช่อง URL จากนั้นคลิก OK

13. ทำการสร้างลิงค์เมนูที่เหลือ ตามขั้นตอนในข้อ 4 และ 5 จนครบทุกเมนู จากนั้นให้ท่านคลิกที่เครื่องมือ ( View HTML Source ) แล้ว Copy HTML Code ที่ปรากฎ และกด ตกลง เพื่อบันทึกบทความ

14. จากนั้นเลือก พื้นที่ด้านล่างของเว็บไซต์ วาง Code ที่ Copy ไว้ ในพื้นที่ด้านล่างของเว็บไซต์ แล้วคลิก ตกลง

15. แสดงภาพแบนเนอร์ในพื้นที่ด้านล่างของเว็บไซต์ที่สมบูรณ์