แนะนำการทำเว็บสำเร็จรูป - วิธีแสดง Profile widget จาก Twitter ในเว็บไซต์

หลังจากที่แนะนำการตกแต่งเว็บไซต์และติดตั้งโค้ดจาก Social Network อย่าง "Facebook" ไปแล้วนั้น วันนี้ ReadyPlanet HowTo มีเทคนิคการตกแต่งเว็บไซต์ด้วย Profile widget จาก Twitter อีกหนึ่ง Social Network ที่กำลังได้รับความนิยมมาแนะนำค่ะ ท่านสมาชิกที่มีแอคเคาท์ของ Twitter อยู่แล้ว สามารถลองทำและนำโค้ดไปติดตั้งเพื่อแสดงความเคลื่อนไหวของ Tweet บนหน้าเว็บไซต์ได้ค่ะ โดยมีขั้นตอนการทำที่ไม่ยาก ดังนี้ค่ะ

1. ไปที่ URL : https://twitter.com/about/resources/widgets/widget_profile จากนั้นในช่อง Username ให้กรอกชื่อแอคเคาท์ Twitter ของท่าน และคลิกปุ่ม Test Setting เพื่อดูตัวอย่างการแสดงผลในกรอบด้านขวาค่ะ

2. ท่านสามารถตั้งค่าการแสดงผล Profile widget ต่าง ๆ จากเมนูด้านข้าง ดังนี้

      Preferences  เลือกรูปแบบการแสดงผลต่าง ๆ เช่น จำนวน Tweet , การแสดงผล Scroll Bar, Avatars
      Appearance  เลือกเฉดสีของพื้นหลัง ตัวอักษร ลิงค์ต่าง ๆ
      Dimensions เลือกขนาดความกว้างและความสูงของ Profile widget (ไม่ควรกว้างเกิน 200 Pixels และแนะนำให้เลือก auto width ระบบจะปรับขนาดความกว้างให้อัตโนมัติค่ะ)

โดยในการปรับแต่งการแสดงผล สามารถคลิกปุ่ม Test Setting เพื่อดูตัวอย่างการแสดงผลในกรอบด้านขวาค่ะ เมื่อตั้งค่าการแสดงผลได้ตามต้องการแล้ว จากนั้นคลิกปุ่ม Finish & Grab Code

3. จากนั้นคัดลอกโค้ด Profile Widget ที่ปรากฎ

4. วิธีการแสดงผล Profile widget จาก Twitter ในระบบเว็บไซต์สำเร็จรูป ReadyPlanet เบื้องต้นให้ Log in เข้าส่วนสมาชิก ที่เมนู "จัดการเว็บไซต์" คลิกเลือก "พื้นที่แบนเนอร์"

5. เข้าสูหน้าจัดการพื้นที่แบนเนอร์ คลิก   (เพิ่ม)

6. เข้าสู่หน้าเพิ่มแบนเนอร์ใหม่

     - คลิก เลือกรูปแบบของแบนเนอร์ เป็น ใช้ HTML Code
     - วางโค้ด Profile widget ที่ Copy มาลงในช่อง HTML Code
     - คลิก ตกลง

ตัวอย่างการแสดงผล Profile widget จาก Twitter บนหน้าเว็บไซต์

หมายเหตุ

     เพื่อการติดตั้งและแสดงผล Profile Widget ในเว็บไซต์ที่สมควร ไม่ควรตั้งค่า Tweet privacy เป็น Protect my Tweets เนื่องจากจะเป็นการจำกัดการแสดงผลให้เห็นข้อมูลได้เฉพาะคนที่ติดตามทวิตเตอร์ของท่านที่ได้รับการอนุมัติแล้วเท่านั้น ซึ่ง Protect my Tweets จะเหมาะกับการใช้งานแอคเคาท์ทวิตเตอร์แบบส่วนตัว แต่หากต้องการใช้ทวิตเตอร์เพื่อประชาสัมพันธ์หรือทำการตลาดออนไลน์ให้ละเว้นไว้ ไม่เลือกใช้ Protect my Tweets ค่ะ

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

แม้ว่าทางทีมงาน ReadyPlanet จะไม่สามารถ Support โปรแกรมตกแต่งเว็บไซต์อื่น ๆ หรือโปรแกรมตกแต่งรูปภาพต่าง ๆ ให้ท่านได้โดยตรง แต่ท่านสามารถดูรายละเอียด เทคนิคการตกแต่งเว็บไซต์เพิ่มเติมได้ที่ ReadyPlanet HowTo ค่ะ