หน้าเว็บ

Tech & Tips

link ส่ง E-mail จากหน้าของคุณ

                 เราเรียกคำสั่งนี้ว่า mailto: ซึ่งจะเขียนแทนที่ลงไปในที่อยู่ของตัวอย่างข้างบน ซึ่งรูปแบบนี้จะให้ข้อความสีฟ้าบนหน้าจอ ซึ่งผู้อ่านสามารถคลิ๊กเพื่อส่ง e-mail ได้

<A HREF="yaimai_minnie@hotmail.com">กดที่นี่เพื่อเขียน e-mail ส่งให้ฉัน</A>

                สังเกตได้ใช่มั้ยครับ ว่าเหมือนกันกับ link ธรรมดาทุกอย่าง ยกเว้น "mailto:" เข้ามาแทนที่ "http://" และที่อยู่ของ e-mail เข้ามาแทนที่อยู่ของเว็บ ซึ่งคุณยังคงต้องใช้ <A> เพื่อปิดคำสั่ง   และโปรดสังเกตว่า ไม่มีการเว้นวรรคระหว่างเครื่องหมาย : กับที่อยู่ e-mail   ...นี่เป็นผลของคำสั่ง HTML ในบรรทัดข้างบนนี้


สร้างลูกเล่นให้เว็บไซต์ด้วย Chat Box

1. ไปที่ https://www.zopim.com ทำการสมัครการใช้งานโดย คลิกปุ่ม Sign Up และกรอกอีเมลและชื่อของท่าน
จากนั้น ท่านจะได้รับอีเมลยืนยันจากระบบ เมื่อคลิกลิงค์ยืนยันในอีเมลแล้ว จะปรากฎหน้าสำหรับกรอก Password และสามารถล็อกอินเพื่อรับโค้ดChat box และเข้าใช้งานได้ที่ https://dashboard.zopim.com


2. เมื่อล็อกอินเข้าสู่ระบบครั้งแรก ระบบจะปรากฎหน้าต่างช่วยเหลือ หรือ Widget สำหรับกรอกข้อมูล และเมื่อคลิกมาถึงหน้า "Embed Widget" ท่านสามารถคัดลอกโค้ด Chat box และนำไปติดตั้งที่เว็บไซต์ได้ทันทีค่ะ

แต่หากต้องการปรับการแสดงผลของ Chat box เพิ่มเติม สามารถเข้ามาตั้งค่าที่เมนู "Widget" ได้ตามต้องการ สุดท้ายคลิกที่แท็บ "Embed Widget" และคัดลอกโค้ดที่ปรากฎและนำไปติดตั้งในเว็บไซต์ได้ค่ะ
3. วิธีการนำโค้ดไปติดตั้งที่เว็บไซต์ ให้ล็อกอินเข้าส่วนสมาชิก  ที่เมนู "จัดการเว็บไซต์" และคลิกเมนู "จัดการพื้นที่ด้านล่าง"
4. นำโค้ด Chat box วางในส่วน "พื้นที่ด้านล่างของเว็บไซต์ (แสดงเฉพาะหน้าแรกของเว็บไซต์)" (ตำแหน่งหมายเลข 1 ดังรูปด้านล่าง) ซึ่งจะแสดงผลหน้าต่าง Chat ที่หน้าแรกเท่านั้น

แต่หากต้องการให้มีหน้าต่าง Chat ในเว็บไซต์ทุกหน้า ให้วางโค้ดในส่วน "พื้นที่ด้านล่างของเว็บไซต์ (แสดงเฉพาะหน้าในของเว็บไซต์)" (ตำแหน่งหมายเลข 2 ดังรูปด้านล่าง) ด้วยค่ะ







เทคนิคการสร้างแบนเนอร์ลิงค์ไปยัง Twitter
1. เปิดหน้า Twitter แอคเคาท์ของท่าน  (หากยังไม่มีสามารถสมัครใช้งานได้ที่ www.twitter.com ค่ะ) จากนั้นคัดลอก URL ที่ปรากฎในช่อง Address



2. การเตรียมรูปภาพโลโก้ Twitter ที่ต้องการแสดงผลเป็นแบนเนอร์ลิงค์จากเว็บไซต์ของท่านไปยังหน้า Twitter โดยเป็นรูปภาพที่ท่านตกแต่งขึ้นมาเองด้วยโปรแกรมตกแต่งรูปภาพต่าง ๆ หรือจะค้นหาจาก Google ด้วยคำค้น เช่น Follow Us on Twitter Logo , Twitter Logo เป็นต้น  (บางรูปภาพอาจมีลิขสิทธิ์ค่ะ) จากนั้นเซฟรูปภาพที่ต้องการลงในเครื่องคอมพิวเตอร์ของท่าน
โดยขนาดภาพที่เหมาะสมในการแสดงผล ควรมีความกว้าง (Width) ไม่เกิน 200 pixels เป็นไฟล์นามสกุล .jpg/ .gif/ .png และตั้งชื่อไฟล์ภาพเป็นภาษาอังกฤษ หรือตัวเลขเท่านั้น
 
3. ขั้นตอนการสร้างลิงค์ในระบบเว็บไซต์สำเร็จรูปไปยัง Twitter ของท่าน  หลังจากล็อกอินเข้าส่วนสมาชิก  ไปที่เมนู "จัดการเว็บไซต์"  จากนั้นคลิก "พื้นที่แบนเนอร์"

4. เข้าสู่หน้า "พื้นที่แบนเนอร์"  คลิกปุ่ม  (เพิ่ม) เพื่อเพิ่มแบนเนอร์ใหม่

5. เลือกรูปแบบของแบนเนอร์เป็น "อัพโหลดแบนเนอร์เอง"  และที่หัวข้อ "ไฟล์รูปแบนเนอร์" ให้คลิกปุ่ม "Browse" เพื่อเลือกรูปภาพ

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

7. ที่หัวข้อ "ลิงค์ไปยัง URL" ให้ท่านวาง URL ของหน้าแอคเคาท์ Twitter ของท่าน (ตามวิธีในข้อที่ 1 ) และสามารถพิมพ์คำอธิบายรูปภาพเมื่อถูกเมาส์ในช่อง Alternate Text จากนั้น คลิก "ตกลง" เพื่อบันทึก

8. แสดงผลรูปแบนเนอร์โลโก้ผูกลิงค์ไปยังหน้าแอคเคาท์ Twitter
ตัวอย่างการแสดงผลหน้า Twitter ReadyPlanet เมื่อคลิกที่รูปโลโก้ด้านล่าง
ReadyPlanet Twitter


ไม่มีความคิดเห็น:

แสดงความคิดเห็น