facebook like in blogger

Document Sample
facebook like in blogger Powered By Docstoc
					                                        เพิม facebook like ในเวบบล็อก blogger
                                           ่

                                http://introduction-blogger.blogspot.com

นี่ก็วนที่ 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 ที่ชวนเพื่อนเขียนบล็อกก่อนก็ได้จะ
                                                                                                            ๊

				
DOCUMENT INFO
Shared By:
Stats:
views:12
posted:10/9/2011
language:Thai
pages:3
meesubandmeesuk meesubandmeesuk
About