เพิ่มกล่อง Facebook Page Like ใน Blogger

Written By Aucharaporn Theemcle on วันจันทร์ที่ 22 เมษายน พ.ศ. 2556 | 10:52

แอบไปเรียนรู้สร้าง Faceboook Page เมื่อไม่นานมานี้  เมื่อก่อนคิดว่า Facebook จะเอาไว้ติดต่อกับเพื่อนเก่า ๆ ไม่ค่อยนำลิงค์จากบล็อกไปโชว์  ไม่สร้าง Fan Fage เพราะกลัวเหล่าบรรดาเพื่อนเก่า เก๊า เก่า หัวเราะเยาะ บทความที่กะเขียนเล่น ๆ เรื่อย ๆ ของตน  แต่พอเห็นมันเป็นประโยชน์กับคนอื่น  ก็เลยเอาลิงค์ไปโปรโมทดูบ้าง  ผลตรงกันข้ามกับที่เคยคิด  เพื่อนหลายคนเข้ามา กด Like ให้ และมีคำชมมาให้ยิ้มได้หน้าบาน  หลังจากนั้นไม่นาน ก็ทำ Facebook Page ติดไว้เกือบทุกบล็อกไปเรียบร้อย พอสร้าง Facebook Page เสร็จแล้วจะเอามาติดไว้ใน blogger ก็ลืมวิธีการทุกที  วันนี้บันทึกเก็บไว้ค้นหน่อยดีกว่า

เพิ่ม facebook page like  ในเวบบล็อก

 

วิธีการนำ Facebook Page  Like แปะไว้ใน blogger มีวิธีการดังนี้ค่ะ

 

1. เข้าไปสร้าง code เพื่อนำมาติดใน blogger ที่  Like Box - ผู้พัฒนา Facebook

2. เติม url  Facebook page ที่ต้องการนำมาแปะใน blogger หลังจากนั้นปรับความกว้าง (width) ปรับความสูง ( height)  ปรับการแสดงผล สีสรร และอื่น ๆ ตามชอบใจ  เมื่อปรับการแสดงผลเป็นที่พอใจแล้ว  คลิ๊ก Get Code

โค้ด like box สำหรับติดใน blogger

 

3. หน้าต่าง Code ปรากฏขึ้น ให้เลือกคัดลอก (Copy)โค้ดแบบ Iframe

เพิ่ม gadget  html/จาวาสคริปต์

4. ล็อกอินเข้า blogger ที่เมนู รุปแบบ > เพิ่ม gadget >

 gadget  html/จาวาสคริปต์ ใน blogger

เลือก gadget  Html/จาวาสคริปต์

วางโค้ดใน gedget html/จาวาสคริปต์

5. วางโค้ด iframe ที่ได้จากขั้นตอนที่ 3 วางใน gadget  html/จาวาสคริปต์  คลิีกบันทึก

6. เรียบร้อยค่ะ คลิ๊กดูการแสดงผลหน้าเวบบล็อก ดูได้แล้วค่ะ

13 comments:

thanapath tongsuk กล่าวว่า...

พี่ครับทำกล่องความคิดเห็นตรงนี้ยังไงครับมันมีเองหรือว่าอะไร

Aucharaporn Theemcle กล่าวว่า...

กล่องความคิดเห็นมีใน blogger บล็อกค่ะ ลองไปตังค่าโชว์ดูนะคะ ที่เมนู settings>comment>comment locations >...บางทีบล็อกของน้องอาจมีการตั้งค่า Hide ไว้ ลองเปลี่ยนเป็น Embeded ดูค่ะ

talad-today กล่าวว่า...

สวัสดีค่ะ รบกวนสอบถามปัญหาการเขียนblogหน่อยนะคะ คือ ถ้าเราจะเชื่อมข้อความจากหน้าหนึ่งไปยังบทความอีกหน้าหนึ่งใน url เดียวกันเราต้องทำยังไงคะ ขอบคุณมากค่ะ

Aucharaporn Theemcle กล่าวว่า...

เขียนบทความออนไลน์จาก blogger เลยใช่ไหมคะ จะเชื่อมข้อความ ก็ใช้วิธี สร้าง anchor ลิงค์ คลิ๊กดูตามภาพนี้เลยค่ะ https://dl.dropboxusercontent.com/u/23747861/pic%20of%20blog/%E0%B8%AA%E0%B8%A3%E0%B9%89%E0%B8%B2%E0%B8%87%E0%B8%A5%E0%B8%B4%E0%B8%87%E0%B8%84%E0%B9%8C%E0%B9%83%E0%B8%99%20blogger.png

Aucharaporn Theemcle กล่าวว่า...

อีกวิธีก็ใช้ make link คลิ๊กขวาเลือก Make Link แล้ววางก็สร้าง Anchor text ได้ง่าย ๆ - ชวนเพื่อนเขียนบล็อก

ปากกา นิรนาม กล่าวว่า...

คือผมลองทำตามที่บอกแล้วแต่พอลองกด แสดงผลหน้าเว็บแล้ว มันไม่แสดงผลอะไรเลยอ่ะครับ มันเว้นที่ว่างไว้ ไม่มีอะไรเลยครับ

sukanya phanphoka กล่าวว่า...

ทำตามขั้นตอนเสร็จแล้วทำไมมันไม่มีรูปอะไรขึ้นเลยละ มีแต่กรอบเปล่า ๆ

Sakana Pla กล่าวว่า...

^___^ ขอบคุณมากค่ะ เอาไปปรับใช้กับบล็อกแล้ว ดีมากๆ เลยค่ะ

Aucharaporn Theemcle กล่าวว่า...

โอ้ พึ่งแวะมาตอบคำถาม @ปากกา นิรนาม และ @Sukanya phanphoka คะ url ที่ใส่ต้องเป็น url ของ fanpage ของเรานะคะ ไม่ใช่ url เวบบล้อกของเรานะคะ ต้องสร้าง fanpage ขึ้นมาเสียก่อน ดิฉันเดาว่า คุณต้องใส่ url ของเวบบล็อกแน่ๆ เลย เคยทดลองแล้วค่ะ มันจะไม่แสดงผลอะไร ต้องสร้าง แฟนเพจใน facebook ก่อนนะคะ สร้าง Fan page ใน Facebook โปรโมทสินค้ากันดีกว่า เช็คดูอีกครั้งนะคะ

นักเดินทาง กล่าวว่า...

ทำไม่ได้เลยครับ

มณฑกานต์ สงวนวัฒนารักษ์ กล่าวว่า...

ไม่มีให้กด iframe เลย

กินเที่ยว กล่าวว่า...

ขอบคุณครับ

Theat Visann กล่าวว่า...

ความคิดของผมดีมากได้รู้จะเพือนครับ

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