วิธีสร้าง Welcome Page ( Landing Page ) บน Facebook

บน Facebook มี Application ชนิดหนึ่งชื่อว่า FBML สามารถดัดแปลงให้เป็น Welcome Page หรือ Landing Page  ได้ ซึ่งจะทำให้คุณสามารถดัดแปลง Page บน facebook ได้ตามความพอใจโดยอาศัยความรู้เรื่อง HTML เพียงเล็กน้อยเท่านั้น  นอกจากนี้คุณอาจจะประยุกต์ใช้งานในการสร้าง Page ให้เหมาะสมกับ Band สินค้าหรือเว็บไซต์ของคุณได้อีกด้วย

วิธีและขั้นตอนการสร้าง Landing Page บน facebook


ขั้นที่ 1 Login เข้าไปที่ Facebook.com จากนั้นให้พิมพ์คำว่า FBML  ลงไปในช่องค้นหา ดังรูป

facebook วิธีและขั้นตอนการสร้าง Landing Page บน facebook

ซึ่งเราจะเห็น  Application ทีชื่อว่า FBML ซึ่งเป็น application ที่ไม่มีการพัฒนาและใช้งานแล้ว ให้ Click เลือกที่ FBML ครับ

ขั้นที่ 2 ต่อเนื่องจากขั้นที่ 1 เราจะเข้ามาพบกับ Static FBML Application
http://www.facebook.com/apps/application.php?id=4949752878 

Blogger Blogspot สอนทำ blog สอนสร้าง blog

ต่อไปให้ Click เพิ่มรายการลงไปในหน้าของฉัน (ภาษาอังกฤษก็ Add to my Page) และเลือก Page ที่คุณต้องการจะเพิ่ม Application นี้ลงไปเพื่อปรับแต่ง

เทคนิคการทำ Blogger Facebook บล็อก Blogspot

ขั้นที่ 3 จากนั้นให้ไปยัง Page ที่คุณได้ Add Static FBML Application เข้าไป

เมื่อเข้ามาแล้วให้ Click แก้ไขหน้า (Edit Page)

แต่งบล็อก ทำblog สร้างบล็อก

ซึ่งเราจะเห็น Application FBML ปรากฎอยู่ ดังรูปด้านล่าง

สอนสร้างบล็อก สอนทำบล็อก วิธีสร้าง blog

ขั้นที่ 4 จากรูปด้านบนในขั้นที่ 3 ให้ Click แก้ไข FBML และใส่ หัวข้อ และข้อความ หรือรูปภาพ ในรูปแบบภาษา HTML หรือข้อความปกติก็ได้

แต่งบล็อก สร้างบล็อก สอน Facebook ทำ Welcome Page บน Facebook

ตัวอย่างโค้ดที่ผมใช้ทดสอบ
<font color="#0054FF" size="6"><Strong>WELCOME TO WWW.HACKUBLOG.COM</Strong></font><font color="#FF00C0" size="6"><Strong> FANPAGE</Strong></font><br/><br/><br/>
<span>รู้สึกยินดีเป็นอย่างยิ่งที่คุณได้แวะมาเยี่ยมชม Page นี้
หากมีปัญหา ข้อเสนอแนะใดๆ กรุณาฝากข้อความผ่านการ Comment ทิ้งไว้ได้เลยครับ</span><br/><br/><br/>

<img src="http://image.ohozaa.com/it/0welcome1.png" alt="สร้างบล็อก วิธีทำblog สอนปรับแต่ง blogger blogspot และข้อมูล SEO พื้นฐาน" /><br/><br/><br/>

<b>ข้อมูลการทำบล็อกเพิ่มเติมสามารถชมได้ที่</b><br/>
<a href="http://www.hackublog.com">สร้างบล็อก วิธีทำblog สอนปรับแต่ง blogger blogspot และข้อมูล SEO พื้นฐาน</a>
เมื่อแก้ไขเสร็จแล้วให้บันทึกการแก้ไขแล้วกลับไปยังหน้าหลักของ Page นั้น ๆ



ขั้นที่ 5 กลับมาที่หน้าหลักของ Page ที่กำลังแก้ ซึ่งจะเห็นแถบ Welcome ปรากฎ ขึ้นแล้ว

รูปด้านล่างนี้คือตัวอย่างการสร้าง Welcome ในบทความนี้

วิธีทำ วิธีสร้าง Welcome Page บน Facebook

ในกรณีที่ Tab ยังไม่ปรากฎให้เห็น เราจะต้องคลิกแสดงผล Tab ดังรูปด้านล่าง

แต่ง facebook สอนใช้งาน blogger blogspot Facebook


ขั้นที่ 6 ต่อไปเราจะทำให้หน้า Welcome page เป็นหน้า default ของ Fan Page

จากหน้าหลักของ Page ที่เรากำลังแก้อยู่ ให้ Click แก้ไขหน้า อีกครั้ง >> จากนั้นให้คลิกแก้ไขที่หัวข้อ ตั้งค่ากระดานข้อความ

Facebook Welcome Page

จากนั้นเลือกให้หน้า Welcome ปรากฎเป็นหน้าแรก

Facebook Landing Page

หมายเหตุ
เมื่อตั้งค่าแล้วตัวเราเองจะเข้ามาเจอ Tab แรกตามปกติ แต่สำหรับผู้เยี่ยมชมจะเข้ามาแล้วพบกับ Tab Welcome เป็น Tab แรกครับ

สอนทำบล็อก สอนสร้าง blogger blogspot สอน SEO

การบ้านที่ฝากไปทำคือ ให้ผู้ที่สนใจไปเรียนรู้โค้ด HTML เบื้องต้นเพื่อที่จะได้นำมาปรับแต่ง Welcome Page ให้มีความสวยงามมากขึ้น  และต่อยอดประยุกต์ไปทำ Landing Page

สุดท้ายก็หวังว่าบทความนี้คงถูกใจผู้ใช้งาน Facebook ทุกท่านครับ สวัสดีครับ

ตอนนี้มีความคิดเห็น : 15 ความคิดเห็น
หากคุณมีปัญหาหรือข้อสงสัยใดๆ สามารถสอบถามได้จากกล่อง comment ด้านล่างนี้ได้เลยครับ

  1. http://developers.facebook.com/docs/reference/fbml/
    พอกดปุ่มPlayมันก็จะเล่นเพลงเองเลยละครับ

  1. ขั้นที่ 6 ต่อไปเราจะทำให้หน้า Welcome page เป็นหน้า default ของ Fan Page

    จากหน้าหลักของ Page ที่เรากำลังแก้อยู่ ให้ Click แก้ไขหน้า อีกครั้ง >> จากนั้นให้คลิกแก้ไขที่หัวข้อ ตั้งค่ากระดานข้อความ

    ------------
    ทำไม Fanpage ผมถึงไม่มีขั้นตอนนี้ครับ หายังไงก็หาไม่เจอ

  1. สวัสดีค่ะ รบกวนช่วยสอนทำ ปุ่ม like บนหัว facebook

    http://www.facebook.com/pages/fishfarm/143373035679724?v=wall

  1. ขอบคุณมากนะคะ ได้ข้อมูลตรงกับที่ต้องการมากค่ะ

    ได้ลองทำตามแล้ว แต่เกิดปัญหาที่การนำรูปภาพมาใส่ให้ได้ขนาดเต็มหน้าเพจ
    รูปที่แสดงกลับไม่ชัด ออกเบลอๆค่ะ แก้ไขยังไงดีคะ

  1. @chutinutcha:ขึ้นอยู่ที่ภาพต้นฉบับครับผม ถ้าภาพมีขนาดเล็กแล้วขยายใหญ่ หรือเป็นไฟล์ JPEG ความชัดเจนก็จะน้อยไปด้วยครับ ส่วนภาพที่ละเอียดที่สุดคงจะเป็นภาพสกุล PNG ครับ สรุปคือต้องใช้ภาพที่มีความชัดเจนตั้งแต่แรกครับ

  1. ขอบคุณสำหรับคำตอบนะคะ ตอนนี้รูปภาพใช้ได้แล้วค่ะ แต่มีข้อสงสัยเพิ่มเติมเรื่องการตั้งค่าแท็บเริ่มต้นค่ะ หลังจากทำ Welcome page เสร็จเรียบร้อยแล้ว และได้ตั้งค่าแท็บเริ่มต้นไปที่ Welcome แล้ว ตอนแรกใช้งานได้ปกติค่ะ ใช้บัญชีของคนอื่นเปิดเข้ามา เจอหน้า Welcome เป็นหน้าแรก แต่ต่อมาอยู่ดีๆ ก็ไม่สามารถใช้ได้ค่ะ กลายเป็นหน้ากระดานข้อความ ทั้งที่การตั้งค่ายังเป็น Welcome ไม่รู้จะแก้ยังไงแล้วค่ะ ช่วยหาคำตอบให้หน่อยนะคะ ขอบคุณมากค่ะ

  1. @chutinutcha : คุณ chutinutcha ลองดูในมุมมองตอนที่ logout หรือยังครับ

    ถ้าเป็นอาการอย่างที่เล่าจริง ๆ ผมแนะนำให้ติดตั้งใหม่ครับ

  1. "Application FBML ปรากฎอยู่ ดังรูปด้านล่าง " ยังไงก็หา หน้านี้ไม่เจอค่ะ ไม่มี app เพิ่มเติมจากที่ FB ให้มาเลย ค่ะ

    พอคลิกที่ "ไปที่แอฟพลิเคชั่น" จะโชว์ว่า "You are using Facebook as...(หน้าFanpage) แล้วให้เราเลือกคลิกที่ condinue as (ชื่อ profile) or ยกเลิก..

  1. ทำรูปไงอ่ะ ทำแล้วรูปไม่ขึ้นอ่ะ ยากมาก ๆ TT

  1. รบกวนช่วยสอนทำ ปุ่ม like บนหัว facebook

    http://www.facebook.com/pages/WEERADA-LAND-REAL-ESTATE/289438884414959#!/pages/WEERADA-LAND-REAL-ESTATE/289438884414959?sk=app_4949752878

  1. ขั้นที่ 6 ต่อไปเราจะทำให้หน้า Welcome page เป็นหน้า default ของ Fan Page
    ทำไมไม่มี ปุ่ม แก้ไขหน้า เลยหา ตั้งค่ากระดานข้อความไม่เจออ่าค่ะ

  1. https://www.facebook.com/pages/MARTIN-CASTA%C3%91EDA/236561759705636?sk=app_182222305144028
    เว็บนี้ บังคับให้กด like ก่อน ถึงจะเล่น video ได้ เขาทำไงอะครับ
    ขอบคุณล่วงหน้าครับ

  1. http://www.flickr.com/photos/72387249@N03/6535686637/in/photostream

    รบกวนถามน่อยครับ คือผมจะเอารุปใส่ แต่ทำไม มันไม่ขึ้น ผมลองใช้โค๊ต ตัวอย่างของพี่ มันก็ขึ้น ผมควรทำยังไงครับ

  1. สอบถามหน่อยค่ะหากเราทำ welcome page แล้ว อยากมให้รูปที่หน้านี้สามารถ ลิ้งไปที่หน้าอื่นๆ ตามหัวข้องที่เราตั้วไว้จะสามารถ ทำได้มั้ยค่ะ

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

ถ้าต้องการโพส HTML ให้แปลงโค้ดที่เครื่องมือด้านล่างนี้ก่อนครับ

สร้างบล็อก Facebook SEO บล็อก Linkwheel iMacros Link Wheel