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

เปลี่ยน Profile ในบล็อกเกอร์เป็น Facebook Profile

Written By Aucharaporn Theemcle on วันพฤหัสบดีที่ 29 มีนาคม พ.ศ. 2555 | 07:13

ปัจจุบันนี้ใครไม่ร้จัก Facebook ละก็เป็นเรื่องเชยซะแล้ว เพราะ social network ที่มาแรงที่สุดในประเทศไทยทุกวันนี้คือ Facebook ถึงแม้จะมีคู่แข่งอย่าง Google Plus เข้ามาแล้วก็ตามที  ความแรงของ Facebook ก็ยังไม่เปลี่ยน  วันนี้เลยมาชวนเพื่อน  ๆ เหล่า blogger เอา Profile จาก Facebook เอามาแทนที่ Profile ใน blogger ให้ดูอินเทรนด์ทันสมัยกับเค้าสักนิด  และเป็นการเปิดทางสำหรับการติดต่อกับเจ้าของบล็อกได้อีกทางหนึ่ง   สำหรับตัวช่วยในการสร้าง  Badge ในการนำมาแปะติดในเวบบล็อกก็คือ Facebook  Profile Badgeการสร้าง Profile Badge สำหรับนำมาแปะติดในเวบบล็อก มีวิธีการง่าย ๆ ดังนี้

blogger

ขั้นตอนที่ 1  Login เข้า  Facebook  และคลิ๊กเข้า ปรับแต่ง Profile Badge ได้ที่   Facebook Profile Badge   คลิ๊กปรับแต่งที่เมนู  Profile  Badge  และเลือก Edit the badge ดังรูป  ในการปรับแต่งเราสามารถเลือกการแสดงรูปแบบ หรือ Layout เพื่อให้เหมาะสม  

image

โดยทดลองคลิีกเพื่อดูผลการแสดงด้านขวามือ นอกจากนั้นยังสามารถเพิ่มเติมข้อมูลจากหน้า Profile เราได้เพิ่มเติม เช่น เพิ่มรูปภาพ เพิ่มสถานะการอัพเดท เพิ่มโน๊ตย่อ เพื่อน ๆ ลองปรับแต่งดูตามความชอบใจนะคะ เสร็จแล้วเลือก save ค่ะ

ขั้นตอนที่สอง หลังจากบันทึก ( save ) ในขั้นตอนที่ หนึ่งเรียบร้อยจะกลับมายังหน้าต่างในขั้นตอนที่หนึ่ง  ให้คลิีกเลือก add to blogger  เพื่อนำ Profile Badge มาเพิ่มในเวบบล็อกของเราค่ะ

image

เลือกเวบบล็อกที่ต้องการเพิ่ม  เปลี่ยนชื่อเรื่อง แล้วเลือก เพิ่มเครื่องมือ  ต่อจากนั้นเข้าไไปปรับแต่งลาก วางเครื่องมือในเพื่อให้แสดงผลในตำแหน่งที่ตนชอบใจ ที่ เมนู องค์ประกอบ blog ค่ะ

แต่งบล้อกด้วย facebook

เลือกบันทึกและทดลองดูการแสดงผลในเวบบล็อกได้แล้วค่ะ

เขียนบล็อก

07:13 | 0 comments | Read More

การนำ Videoจาก Facebook วางในเวบไซต์หรือเวบบล็อก

Written By Aucharaporn Theemcle on วันอังคารที่ 13 มีนาคม พ.ศ. 2555 | 03:48

 

การนำ embed code จาก facebook

เคยนำเสนอเรื่องของการดาวน์โหลดวีดีโอจาก Facebook ไปแล้ว วันนี้มาลองนำวีดีโอจาก Facebook แปะในเวบไซต์หรือเวบบล็อกกันเถอะค่ะ   หากว่าเพื่อนท่านใดอัพโหลดวีดีโอจากเครื่องคอมพิวเตอร์ของตน จากมือถือ เข้าไปยัง account  Facebook ด้วยตนเองก็สามารถนำ Embed code มาวางในเวบไซต์หรือเวบบล็อกแค่ copy วาง Embed code ในส่วนของ code html ในเวบไซต์หรือเวบบล็อกได้เลย  แต่วีดีโอจาก Facbook ต้องตั้งค่าเป็น public จึงจะสามารถนำมาวางในเวบไซต์หรือเวบบล็อกนะคะ

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

url video ใน facebook

ขั้นตอนที่ 1 สังเกตที่ url ของวีดีโอนั้น ๆ แล้ว copy ตัวเลขที url มาใช้งาน copy เฉพาะตัวเลขนะคะ ไม่ต้องเอา url

<object width="400" height="224" >
<param name="allowfullscreen" value="true" />
<param name="allowscriptaccess" value="always" />
<param name="movie" value=http://www.facebook.com/v/ตัวเลขจาก url />
<embed src=http://www.facebook.com/v/ตัวเลขจาก url type="application/x-shockwave-flash"
allowscriptaccess="always" allowfullscreen="true" width="400" height="224">
</object>

ขั้นตอนที่ 2  ให้นำตัวเลขจากขั้นตอนที่ 1 มาวางใน code ด้านบน ตรงตัวเลขจาก url ค่ะ  เมื่อวางใน code ดังกล่าวก็ให้ copy code ที่แก้ไขเอาไปใช้งานเป็น Embed video code ได้เลยค่ะ   ส่วนที่เป็นสีเขียวเราสามารถปรับการแสดงผลได้  ค่ะ

width  : ความกว้างของวีดีโอ

height :  ส่วนสูงของวีดีโอ

ลองดูตัวอย่างกันนะคะ

 

03:48 | 0 comments | Read More

เพิ่มปุ่ม Facebook like และ Send ใน blogger

Written By Aucharaporn Theemcle on วันจันทร์ที่ 12 มีนาคม พ.ศ. 2555 | 08:04

 

เพิ่มปุ่ม facebook like

อ่านเจอคอมเมนท์ของเพื่อนท่านหนึ่ง สอบถามในเรื่องการเพิ่มปุ่ม Facebook Like จาก Facebook เข้ามาแต่งในเวบบล็อก  จะสังเกตได้ว่าเมื่อก่อนการสร้าง code ไม่มีปุ่ม Send มาด้วย  ก็เลยสามารถสร้าง Code เป็นแบบ Iframe ได้ง่าย ๆ  แต่ปัจจุบัน facebook เพิ่มปุ่ม send มาด้วย  หากติ๊กเครื่องหมายถูกเพิ่ือนำปุ่ม send มาด้วย  มันจะสร้างออกมาในรูปแบบของ  xfbml  code ถามว่าดิฉันรู้เรื่อง code เหล่านี้หรือไม่ตอบถามตรงค่ะ  ไม่ทราบเลย  ครั้นค้นก็เจอวิธีการเพิ่ม code xfbml ลงใน blogger เช่นกัน  แต่คิดว่ามันเป็นเรื่องยุ่งยากเกินไป เหล่าบล็อกเกอร์มักนิยมอะไรง่าย ๆ (ไม่รู้คิดไปเองหรือเปล่า ) ดังนั้นดิฉันขอนำเสนอการเพิ่มปุ่ม Facebook Like และ  send ในเวบบล็อกแบบง่าย ๆ กันเลยดีกว่า

ขั้นตอนที่ 1  ล็อกอินเข้า blogger ไปที่แผงควบคุม>การออกแบบ>แก้ไข HTML >ติีกเครื่องหมายถูกหน้า ขยายเทมเพลตวิตเจ็ด    แล้วค้นหา code ต่อไปนี้ 

                               <data:post.body/>

ขั้นตอนที่ 2  เมื่อเจอแล้วให้ copy code ด้านล่างนี้วางหลัง code ตามขั้นตอนที่ 1 หากต้องการให้ปุ่ม facebook like และ send อยู่ด้านล่างบทความ   หากต้องการให้อยู่ด้านบนของบทความก็วางไว้ก่อน code จากตอนที่ 1

<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="" send="true" layout="button_count" width="450" show_faces="false" font=""></fb:like>

ขั้นตอนที่ 3  ต่อจากนั้นก็คลิีกบันทึกแล้วเลือกการแสดงผลดูได้เลยค่ะ

image

Code จากขั้นตอนที่ 2 นี้สามารถปรับเปลี่ยนได้  ตามความต้องการ  เช่น  layout ,width,font  ลองเข้าไปอ่านเพิ่มเติมจากบทความ  เพิ่มปุ่ม facebook like ใน blogspot  ดูนะคะ กุหลาบแดง

08:04 | 6 comments | Read More