[Twitter] Twitter Goodies Widgets

Twitter_Goodies_Widgets_1.jpg

หลายคนอาจจะรู้จักทวิตเตอร์กันมากขึ้น รวมไปถึงใช้งานจนเป็นส่วนหนึ่งของชีวิตมากขึ้น ดังนั้นออฟก็คิดว่าการที่มีเว็บไซต์นั้น บางครั้งการที่ทำเว็บไซต์ที่มีผู้คนติดตาม คนทำเองก็อยากรู้ว่ามีคนพูดถึงหรือว่าทวีตอะไรเกี่ยวกับเว็บของเราบ้าง คราวนี้ออฟก็เลยอยากได้ Widget ซักตัว Twitter Goodies Widgets ก็มาตอบโจทย์พอดีเลยค่า

  • เริ่มสร้าง Twitter Goodies Widgets

  1. เข้าไปที่เว็บไซต์ http://twitter.com/goodies/widget_search
  2. เลือกว่าอยากเอา Widgets สำหรับอะไร ก็มีทั้ง Facebook, MySpace และที่ออฟจะใช้ในวันนี้ก็คือ My Website ค่า
  3. Twitter_Goodies_Widgets_2.jpg

  4. จากนั้นเลือกว่าต้องการทำ Widget แบบไหน

    Twitter_Goodies_Widgets_3.jpg

    – Profile Widget : เอไว้แสดงการอัพเดตสถานะของเรา
    – Search Widget : เอาไว้แสดงผลการค้นหา HastTag ของเราแบบ real time
    – Faves Widget : เอาไว้แสดง favorite tweet แบบ real time
    – List Widget : เอาไว้แสดง list ของ favorite tweet
    ซึ่งในที่นี้ออฟอยากได้ Widget สำหรับแสดง Tag ก็เลยเลือกแบบ Search Widget ไปค่า

  5. ในแถบ Setting เป็นที่ให้ใส่

    Twitter_Goodies_Widgets_4.jpg

    – Search Query : คำค้นหา
    – Title : หัวข้อของ widget
    – Caption : ส่วนของคำอธิบาย

  6. ในแถบ Preferences เป็นการตั้งค่าเพิ่มเิติม เช่นต้องการแสดงกี่ทวีต, ต้องการแสดงรูปไหม, ต้องการใส่เวลารึเปล่า, ต้องการแสดง hashtags ไหม
  7. Twitter_Goodies_Widgets_6.jpg

  8. ในแถบ Appearance: ใช้ในการตั้งค่าสีการแสดงผลต่างๆเช่น สีพื้นหลัง, สีตัวอักษร, สีลิงก์
  9. Twitter_Goodies_Widgets_7.jpg

  10. ในแถบ Dimension : ใช้ในการกำหนดขนาดของ Widget
  11. Twitter_Goodies_Widgets_8.jpg

  12. กด Test settings เพื่อดูผลการแสดง
  13. กด Finish & Grab Code เพื่อนำโค้ดไปวางในหน้าเว็บไซต์ที่ต้องการ
  • ตัวอย่างผลการสร้าง Twitter Goodies Widgets

http://codejom.thailandoi.org/

Twitter_Goodies_Widgets_9.jpg

Leave a comment