วิธีสร้าง Facebook Fan box (Like Box) บน blogger

สำหรับคนที่มี ไอดีของ Facebook แล้วเชิญSampleด้านล่างเลยครับ(ถ้ายังไม่มีไอดีแนะนะให้ไปสมัตรก่อนนะครับ)

ขั้นที่ 1ต่อไปเป็นการ Import blog ของเราเข้าไปใน Facebook ครับ 

คลิกที่เครื่องหมาย + และเลือก Note เหมือนในรูป 

เมื่อปรากฎ แถบ Note ขึ้นมาแล้วก็ คลิกที่ปุ่ม +Write a New Note 

จากนั้นก็จะปรากฎ หน้าต่างในการเขียน Note ดังรูป 

ไม่ต้องเขียน Note ใด ๆ ทั้งสิ้น แต่ให้คลิกที่ icon Note ที่ด้านขวา-บน 

จากนั้นให้ คลิก Import blog (ดูรูป) เพื่อนำเข้าบล็อกของเราครับ 

หน้าถัดมาให้ทำการกรอก URL ของ blog ลงไป และคลิกยอมรับเงื่อนไขข้อตกลงและคลิกปุ่ม   

Start Importing  

สุดท้ายก็ Confirm Import อีกที 

ขั้นที่ 2 กลับไปที่หน้าหลัก (ของหน้าที่สร้างขึ้น) โดยคลิกที่ ชื่อของหน้า (ดูด้าน ซ้าย-บน) 

ในหน้าหลันี้หากคุณต้องการลบแถบใดที่สร้างขึ้นโดยไม่จำเป็นก็สามารถลบแถบนั้นได้โดยคลิกที่แถบดังกล่าวแล้วเลือก Delete ได้เลยครับ (ไม่จำเป็นก็ไม่ต้องลบหรอกครับ) 

 

ขั้นที่ 3 ตอนนี้ก็ถือว่าเราได้สร้าง Fan Page สำเร็จแล้ว ต่อไปจะเป็นขั้นตอนการสร้าง Widget แล้วนำมาติดตั้งบน blogger

 

6.1 ก่อนอื่นให้คัดลอก id ของหน้าที่ได้สร้างขึ้น โดยดูจากชุดตัวเลขประมาณ ที่ Address bar ของ Browser

  

 

และเมื่อได้แล้วให้มาที่หน้า Like box plugins >> เลือกสร้าง Like Box >> กรอก id ที่ได้คัดลอกเอาไว้

 

 

จากนั้นกรอก id ปรับแต่งตามความต้องการและรับโค้ด

6.2 Log in เข้าไปที่บล็อกของคุณที่ Blogger.com 
และไปที่แผงควบคุม >> รูปแบบ >> องค์ประกอบหน้า >> เพิ่ม Gadget ชนิด HTML/จาวาสคริปต์

 

 

วางโค้ดที่ได้คัดลอกในข้อ 6.1 ลงไปและทำการบันทึก 

  
ถ้าติดตั้งแล้วความกว้างไม่พอดีกับ Template ก็สามารถ ปรับโค้ดได้โดยแก้ที่ตัวเลขความกว้างและความสูง ในตำแหน่งที่แสดงในรูปด้านบนได้ ส่วนค่า Connection คือจำนวนหน้าของแฟน ๆ ที่จะปรากฎใน Widget นี้ 

เอาละถ้าทำๆไปแล้วเกิดงง ก็มาถามผมได้ครับ...ยังงัยก็หวังว่าเพื่อนคงพอทำกันได้นะ..
ขอขอบคุณ http://www.hackublog.com/2010/01/facebook-fan-box-blogger.html 

และ http://www.facebook.com/

สำหรับวันนี้พอแค่นี้ก่อนครับโอกาศหน้าจะหาอะไรดีๆมาฝากอีก
By: D@nNy