TECH&TIPS

สร้างกล่องถูกใจ Facebook ลงในบล็อก

 บทความนี้จะมาสอนสร้างกล่องถูกใจหน้าแฟนเพจของ Facebook การสร้างกล่องถูกใจมีส่วนช่วย

ในการโปรโมทบล็อกได้ด้วยค่ะ เช่น เมื่อเราโพส URL บทความของเราลงไปก็จะช่วยให้ผู้อ่านตามหา

เราได้ง่ายขึ้น และเมื่อมีการถูกใจก็จะแสดงในหน้าความเคลื่อนไหวของผู้ที่ถูกใจด้วยค่ะ แถมเรายัง

สามารถปรับแต่งกล่องถูกใจได้ด้วยนะค่ะ มาดูวิธีการสร้างกล่องถูกใจกันเลยดีกว่าค่ะ (ถ้ายังไม่มีหน้า

แฟนเพจสามารถไปดูวิธีการสร้างง่ายๆได้จากบทความ Create Fan Page)

ไปที่หน้าแฟนเพจของคุณเลือก URL ทั้งหมด (ไม่ต้องไปสนใจกรอบสีแดงนะคะ)

ต่อมาให้คุณเข้าไปที่เว็บ https://developers.facebook.com/docs/plugins

https://developers.facebook.com/docs/plugins/ คลิกที่ Like Box ในกรอบที่ 1

1. นำ URL แฟนเพจที่ได้มาใส่ลงไป

2.ปรับขนาดความกว้างและความสูงของกล่องถูกใจ

3.โทนสีของกล่องถูกใจมีให้เลือกอยู่ 2 โทนสี light และ Dark

4.ต้องการให้แสดงรูปคนที่มาถูกใจหรือไม่ ถ้าต้องการติ๊กถูกไว้ถ้าไม่ต้องการก็ติ๊กออกค่ะ

5.สีของเส้นกรอบ เช่น #FFFFFF สามารถดูโค้ดสีได้ที่ โค้ดสี

6.ต้องการให้แสดงความเคลื่อนไหวในหน้าแฟนเพจหรือไม่ถ้าไม่ต้องการก็ไม่ต้องติ๊กถูกค่ะ

7.แสดงส่วนหัว ถ้าไม่ต้องการก็ไม่ต้องติ๊กถูกค่ะ

8.เมื่อตั้งค่าส่วนต่างๆเสร็จเรียบร้อยแล้วคลิก Get Code

9.เลือก IFRAME 

10.คัดลอกโค้ดในกรอบมาค่ะ

11.เมื่อเลือกโค้ดทั้งหมดมาแล้วคลิกที่ ตกลง

จากนั้นให้นำโค้ดที่ได้มาใส่ใน Gadget HTML/จาวาสคริปต์ วิธีการใส่โค้ดในบล็อก

สร้าง วัน วันที่ เดือน ปี javascript

คัดลอกโค้ดข้างล่างไปวางไว้ตำแหน่งที่ต้องการได้เลยค่ะ

<script>

<!-- START HIDE

print1="";

print2="";

print3="";

today = new Date();

weekday = today.getDay();

if (weekday == 6) print1='วันเสาร์';

if (weekday == 0) print1='วันอาทิตย์';

if (weekday == 1) print1='วันจันทร์';

if (weekday == 2) print1='วันอังคาร';

if (weekday == 3) print1='วันพุธ';

if (weekday == 4) print1='วันพฤหัสบดี';

if (weekday == 5) print1='วันศุกร์';

month = today.getMonth();

if (month == 0) print2='เดือนมกราคม';

if (month == 1) print2='เดือนกุมภาพันธ์';

if (month == 2) print2='เดือนมีนาคม';

if (month == 3) print2='เดือนเมษายน';

if (month == 4) print2='เดือนพฤษภาคม';

if (month == 5) print2='เดือนมิถุนายน';

if (month == 6) print2='เดือนกรกฎาคม';

if (month == 7) print2='เดือนสิงหาคม';

if (month == 8) print2='เดือนกันยายน';

if (month == 9) print2='เดือนตุลาคม';

if (month == 10) print2='เดือนพฤศจิกายน';

if (month == 11) print2='เดือนธันวาคม';

date = today.getDate();

year=today.getYear();

document.write (print1,'ที่ ',date, ' ', print2,' พศ. ',year+2443);

// STOP HIDE --></script>

สร้างปุ่ม Print หน้าเว็บ

โค้ดสั่งพิมพ์หน้านี้ javascript นำโค้ดไปวางตามที่เราต้องการได้เลยค่ะ

<input type="button" value="Print" onclick="window.print()" />

ตัวอย่าง