ขับเคลื่อนโดย Blogger.

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

Written By Aucharaporn Theemcle on วันพุธที่ 20 เมษายน พ.ศ. 2554 | 20:51

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

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

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

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

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

 เพิ่มปุ่ม facebook like ในบทความ

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

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

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

เพื่อปุ่ม Facebook like ใน blogspot

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

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

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

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

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

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

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

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

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

เพื่อปุ่ม Facebook like ใน blogspot

 

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

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

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

20:51 | 37 comments | Read More