การทำช่อง Comment Facebook
ขั้นตอนการทำ
1.ล็อกอิน Facebook ตัวเอง
2.เข้าลิ้ง https://developers.facebook.com/ เพื่อขอ AppID
3.ทำการ Create AppID
4.จะมีหน้าต่างให้กรอกข้อมูลของ AppID ให้ทำตามรูป(ชื่อสามารถตั้งอะไรก็ได้)
5.จะมีหน้าต่าง Security Check หรือ แบบเลือกรูปภาพ
6.เมื่อกรอกเสร็จ จะมาอยู่หน้า Dashboard แสดงว่าสร้าง AppID เสร็จแล้ว แต่ยังไม่สามารถใช้งานได้
หากใต้ชื่อ AppID เราขึ้นข้อความ “This app is on development mode” ต้องทำการ Setting ก่อน
7.เมื่ออยู่หน้า Setting ให้เราทำการกรอก Email หลังจากนั้นกด save changes
8.เมื่อเสร็จแล้วให้เรา เลือกเมนู Status & Review แล้วเปลี่ยน No เป็น Yes ตามรูป
9.หลังจากนั้นระบบจะถามความต้องการออกครั้ง ให้กด Confirm
- ถ้าปุ่มเลื่อนจาก No เป็น Yes แล้วถือว่าเป็นอันเสร็จ
ขั้นตอนการเอา Code ไปใส่ใน Dreamweaver Cs6
1.ให้ไปตามลิ้ง https://developers.facebook.com/docs/plugins/comments
2.ให้กรอกข้อมูลตามรูป
- URL ให้เรากรอก URL ของเว็บไซต์เราที่ทำการฝากเว็บโฮสติ้งแล้ว
- Width ขนาดของกล่องคอมเม้น
- Number of Posts จำนวนโพสที่ให้แสดง
- กด Get Code
3.เมื่อได้ Code มาแล้ว จะ 2 ส่วน
- กรอบสีน้ำเงิน คือ ชื่อ AppID ที่เราสร้างในขั้นตอนก่อนหน้านี้
- กรอบสีเขียว คือ Code ที่เรานำไปใส่หลัง <Body> ของ Code เราใน Dreamweaver Cs6
- กรอบสีแดง คือ Code กล่อง Comment เราอยากใส่ตำแหน่งไหนก็นำไปวางตรงนั้น
วิธีแทรกเสียงลงในเว็บเพจ
วิธีแทรกเสียงลงในเว็บเพจแบบฝังไฟล์เสียงไว้ในหน้าเว็บเพจ แสดงได้ดังนี้
1. วางเคอร์เซอร์ตรงตำแหน่งที่ต้องการวางหน้าปัดควบคุมการเล่นเสียง
2. คลิก เพื่อแทรกไฟล์เสียงลงในเว็บเพจหน้าต่าง Select File จะปรากฎขึ้นมาให้เราเลือกไฟล์เสียง
3.คลิกเลือกไฟล์เสียงที่ต้องการ และคลิกปุ่ม OK
4. เมื่อทำการแทรกไฟล์เสียงแล้วจะมีไอคอน Plug-in แสดงอยู่ตรงตำแหน่งที่วางเคอร์เซอร์ไว้ ซึ่ง
ไอคอนนี้ก็คือ ตำแหน่งของหน้าปัดควบคุมการแสดงเสียง
ซึ่งขนาดเต็มของหน้าปัดคือ 280 x 42 พิกเซล แต่ขนาดของไอคอนนั้นจะเล็กกว่าหน้าปัด เราจำต้องทำการแก้ไขขนาดของไอคอนให้เท่ากับขนาดของหน้าปัดได้ดังนี้
5. คลิกไอคอนแสดงหน้าปัดควบคุมการแสดงผล
6. พิมพ์ขนาดความกว้างเป็น 280 ที่ช่อง W และความสูงเป็น 42 ที่ช่อง H
7. save ไฟล์เว็บเพจแล้วทดสอบผลบนหน้าบราวเซอร์ จะได้ดังภาพ
ซ่อนหน้าปัดควบคุมการแสดงเสียง
ในกรณีที่ไม่ต้องการให้หน้าปัดควบคุมการแสดงเสียงขึ้นมาให้เราเห็นเราสามารกำหนดค่าเพื่อซ่อนหน้าปัดดังกล่าวได้ดังนี้
1. คลิกหน้าปัดควบคุมการแสดงเสียง จากนั้นในหน้าต่าง Properties Inspector จะแสดงคุณสมบัติขึ้นมาให้ปรับแต่งค่า
2. คลิกปุ่ม 
จะแสดงหน้าต่างขึ้นมา
จะแสดงหน้าต่างขึ้นมา
-พิมพ์ค่าพารามิเตอร์เป็น hidden ในช่อง Parameter
- กำหนดค่าเป็น true ในช่อง Value เพื่อซ่อนหน้าปัดควบคุมการแสดงเสียง และคลิกปุ่ม OK จากนั้น save ไฟล์เว็บเพจแล้วทดสอบผลบนหน้าบราวเซอร์ จะไม่มีหน้าปัดควบคุมการแสดงเสียงปรากฏขึ้นมาแต่การแสดงเสียงเพลงจะเล่นตามปกติ
ไม่มีความคิดเห็น:
แสดงความคิดเห็น