เพิ่มปุ่ม facebook like ใน blogspot

นี่ก็วันที่ 20 เข้าไปแล้วยังไม่ได้อัพเดท  ชวนเพื่อนเขียนบล็อกสักบทความ  ว่างแต่มาตอบคอมเม้นท์เท่านั้น   วันนี้จึงจำเป็นต้องบังคับให้ตนเองเขียนบทความแล้วหล่ะ   จับเนื้อหาวิธีการเพิ่มปุ่ม Facebook Like มาเพิ่มในเวบบล็อกของเรา   ซึ่งเป็นข้อคำถามของคุณ Sun_Pharma เพื่อนอีกหนึ่งคน  ที่เข้ามาถามคำถามนี้  อาจจะเป็นประโยชน์สำหรับเพื่อนคนอื่น ๆ ด้วย

คุณ Sun_Pharma มักจะเป็นเพื่อนที่เข้ามากดปุ่ม Like ให้เสมอ  วันนี้เลยขอให้เป็นนายแบบให้ซะเลย  

วิธีแรกสำหรับคนชอบ windowslive writer เหมือนดิฉัน

แค่คลิ๊กเพิ่มปลั๊กอินแล้วไปดาวน์โหลดมาติดตั้ง คลิ๊กไม่กี่ทีก็เสร็จแล้วจ๊ะ

 

ทุกครั้งที่เขียนบทความขึ้นมาใหม่ ก็จะมีปุ่ม Facebook Like ปรากฏให้โดยอัตโนมัติทันที  แต่ถ้าหากใครใช้ windowslive writer ไม่ได้แล้วหล่ะก็ ต้องมาดูวิธีการถัดไปค่ะ

วิธีการที่สองนี้ เป็นการเพิ่ม code ในเวบบล็อกค่ะ 

ขั้นตอนแรก  เรามาสร้าง code  Facebook Like กันก่อนนะคะ  โดยเข้าไปเอาโค้ดที่ Like Button - Facebook developers

ปรับแต่งการแสดงผลของปุ่ม Facebook Like ตามชอบใจ

Url to like  : ใส่ url ที่ต้องการนำ ปุ่ม  facebook Like ไปใส่

Layout  stlye : รูปแบบการแสดงผล  ในขณะที่คลิ๊กเลือกเปลี่ยน จะมีตัวอย่างแสดงผลให้เราดูขวามือค่ะ

Show face : แสดงรูปภาพผู้เข้ามากด Like ด้วยหรือเปล่า หากต้องการก็ติ๊ก เครื่องหมายถูก

width ขนาดความกว้างของ ปุ่มแสดงผล

Verb to display : ข้อความที่ต้องการให้ปรากฏ

Font : รูปแบบตัวอักษร

Colour  scheme : สีพื้นของปุ่่ม Facebook Like

หลังจากปรับแต่งจนพอใจแล้วคลิ๊ก Get code

ขั้นตอนที่ 2 ให้เพื่อน ๆ copy code iframe นำไปวางในเวบบล็อกของเราค่ะ  โดย Login เข้า Blogger>การออกแบบ>แก้ไข html> ติ๊กขยายแม่แบบเทมเพลตวิดเจ็ต

คลิีกปุ่ม ctrl+f หาโค้ด <data:post.body/> หรือ  div class='post-body entry-content' ใกล้ ๆ กันค่ะ  หลังจากนั้นวาง code ตามหลัง div class='post-body entry-content' เสร็จเรียบร้อยแล้วค่ะ บันทึกผล  แล้วไปดูการแสดงผลของบล็อกกันดูนะคะ   อย่ามัวผ่านเลยไป ไหน ๆ ก็ไหน ๆ ทดสอบกดปุ่ม Like ที่ชวนเพื่อนเขียนบล็อกก่อนก็ได้จ๊ะ