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จัดการแบบฟอร์มติดต่อกลับ


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

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

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

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

 

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

 

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

 

4. ปรากฎหน้าต่าง Link  ให้พิมพ์หรือวาง URL ของหน้าเว็บไซต์ปลายทางที่ต้องการลิงก์ไปถึงในช่อง URL แล้วคลิก OK


 

ทำการผูกลิงก์ตามวิธีในข้อ 3 - 4 จนครบทุกเมนูตามต้องการ  ซึ่งคุณสามารถปรับเปลี่ยนตำแหน่งการจัดวาง และสีตัวอักษณได้ตามต้องการ

 

5. วิธีการผูกลิงก์รูปภาพสำหรับแสดงผลในเมนูพื้นที่ด้านล่างของเว็บไซต์  ให้คลิกที่เครื่องมือ   "Easy Upload Image" หรือ "Upload Image"

 

6. ปรากฎหน้าต่าง "Easy Upload Image"  คลิกปุ่ม "Browse"  เลือกรูปภาพที่ต้องการจากเครื่องคอมพิวเตอร์ของคุณ  และคลิก "Open"

 

7. รูปภาพที่เลือก จะปรากฎเป็นภาพ Preview ในหน้าต่าง Easy Upload Image คุณสามารถปรับเปลี่ยนขนาดภาพและใส่รายละเอียดเพิ่มเติมได้ตามต้องการ จากนั้นคลิก OK

 
8. รูปภาพที่อัพโหลดจะปรากฎในส่วนเนื้อหาของบทความ  คุณสามารถทำการผูกลิงก์รูปภาพโดยคลิกที่รูปภาพ จากนั้นคลิกเครื่องมือ   "Hyperlink in Text"

 

9. ปรากฎหน้าต่าง Link  ให้พิมพ์หรือวาง URL ของหน้าเว็บไซต์ปลายทางที่ต้องการลิงก์ไปถึงในช่อง URL

 
หากเป็นการผูกลิงก์รูปภาพไปยังเว็บไซต์ภายนอก แนะนำให้มีการตั้งค่าการเปิดหน้าต่างใหม่ โดยคลิกที่แท็บ "Target"  เลือก Target เป็น "New Window (_blank)" และคลิก OK

ทำการผูกลิงก์รูปภาพตามวิธีในข้อ 8 - 9 จนครบทุกรูป ซึ่งท่านสามารถปรับเปลี่ยนตำแหน่งการจัดวางได้ตามต้องการ

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

 

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

 

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

 

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

 

ตัวอย่างการแสดงผลพื้นที่ด้านล่างของเว็บไซต์หลังสร้างลิงก์เมนูและรูปภาพแบนเนอร์ในพื้นที่ด้านล่างของเว็บไซต์

 

Jittima  Suebsook
www.ReadyPlanet.com




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

เตรียมข้อมูลทำเว็บไซต์อย่างไรดี
เริ่มต้นใส่ข้อมูลในระบบเว็บไซต์สำเร็จรูป
วิธีใส่รูปภาพในเนื้อหาของเว็บไซต์
วิธีอัพโหลดไฟล์เอกสารและสร้างลิงก์สำหรับดาวน์โหลด
วิธีสร้างลิงก์ให้กับข้อความและรูปภาพ
การเลือกรูปแบบเว็บไซต์ (Template) และจัดโครงสร้างหน้าแรก (Layout)
เทคนิคการจัดการเมนูหลักที่สวยและดี
จัดการข้อมูลเมนูย่อยด้านข้างอย่างไรดี?
เลือกใช้สีในหน้าเว็บไซต์อย่างไรให้เหมาะสม?
ข้อควรระวังในการทำเว็บไซต์และวิธีใส่ข้อมูลในเว็บไซต์ที่ถูกต้องปลอดภัย article
แนะนำการวาง Code Youtube ในเว็บไซต์
วิธีสร้างลิงก์ 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! บนหน้าเว็บไซต์ ช่วยผู้ชมแชทง่าย แชร์ข้อมูลได้สะดวก