บทความวิกิฮาวนี้จะแนะนำวิธีการเพิ่มปุ่ม “ถูกใจ” ของ Facebook ที่คลิกได้ในเว็บไซต์ Blogger (blogspot.com) หลังจากสร้างปุ่มในเครื่องมือกำหนดค่าปุ่มถูกใจ คุณจะต้องคัดลอกและวางโค้ดสองบิตลงในแดชบอร์ด Blogger ของคุณ เพื่อทำการแก้ไขอย่างรวดเร็วเพียงครั้งเดียวเพื่อความเข้ากันได้
ขั้นตอน
ส่วนที่ 1 จาก 3: การสร้างปุ่มถูกใจ
ขั้นตอนที่ 1. ไปที่
คุณสามารถใช้เว็บเบราว์เซอร์ที่ทันสมัย เช่น Chrome หรือ Safari
ขั้นตอนที่ 2 เลื่อนลงไปที่ตัวกำหนดค่าปุ่มถูกใจ
อยู่ในส่วนที่สามของหน้า
ขั้นตอนที่ 3 ป้อนที่อยู่บล็อกของคุณลงในช่อง "URL เพื่อชอบ"
ขั้นตอนที่ 4 ป้อนความกว้างของปลั๊กอินที่คุณต้องการลงในช่อง "ความกว้าง"
ผู้ใช้ Blogger ส่วนใหญ่สามารถเว้นช่องนี้ว่างไว้ได้ เนื่องจากความกว้างเริ่มต้น (450 พิกเซล) ทำงานได้ดี โปรดทราบว่านี่คือความกว้างของปลั๊กอินทั้งหมด ไม่ใช่ปุ่มถูกใจ
ขั้นตอนที่ 5. เลือกรูปแบบปุ่มจากเมนู "เค้าโครง"
คุณจะเห็นตัวอย่างของแต่ละสไตล์เมื่อเลือกสไตล์นั้น
ขั้นตอนที่ 6 เลือกการกระทำจากเมนู "ประเภทการดำเนินการ"
ตามค่าเริ่มต้น ปุ่มของคุณจะระบุว่า "ถูกใจ" หากต้องการ คุณสามารถเปลี่ยนเป็น "แนะนำ" เมื่อมีคนคลิกปุ่ม ผู้ติดตาม Facebook ของพวกเขาจะเห็น “(ชื่อบุคคล) แนะนำสิ่งนี้”
ขั้นตอนที่ 7 เลือกขนาดจากเมนู "ขนาดปุ่ม"
การแสดงตัวอย่างปุ่มใต้ตัวกำหนดค่าจะแสดงให้คุณเห็นว่าแต่ละขนาดเป็นอย่างไร
ขั้นตอนที่ 8 เลือกหรือยกเลิกการเลือกช่อง "รวมปุ่มแชร์"
หากเลือกช่องนี้ ปุ่มที่ระบุว่า "แชร์" จะปรากฏข้างปุ่มถูกใจในบล็อกของคุณ หากมีคนคลิกปุ่มนี้ พวกเขาจะมีโอกาสป้อนข้อความของตนเองก่อนที่จะแชร์ลิงก์กับเพื่อน Facebook ของพวกเขา
ขั้นตอนที่ 9 คลิก รับรหัส
ตอนนี้ คุณจะเห็นกล่องสองช่องที่มีโค้ด HTML ที่คุณต้องวางในพื้นที่ต่างๆ ของ Blogger
ส่วนที่ 2 จาก 3: การเพิ่มโค้ดลงในเทมเพลตของคุณ
ขั้นตอนที่ 1. ลงชื่อเข้าใช้
ใช้แท็บหรือหน้าต่างเบราว์เซอร์อื่น เนื่องจากคุณจะต้องคัดลอกและวางโค้ดจาก Facebook ไปยัง Blogger
ขั้นตอนที่ 2 คลิกเทมเพลต
ทางซ้ายของหน้าจอ ทางด้านล่างของเมนู
ขั้นตอนที่ 3 สำรองเทมเพลตบล็อกของคุณ
สำรองข้อมูลเสมอเมื่อแก้ไขโค้ด HTML ของบล็อกโดยตรง
- คลิก สำรอง / กู้คืน ปุ่มที่มุมบนขวาของหน้า
- คลิก ดาวน์โหลดเทมเพลต.
- ป้อนชื่อไฟล์ของคุณ เช่น “การสำรองข้อมูลเทมเพลตบล็อก”
- คลิก บันทึก.
ขั้นตอนที่ 4 คลิก แก้ไข HTML
อยู่ใต้ภาพตัวอย่างบล็อกของคุณ
ขั้นตอนที่ 5. คัดลอกโค้ดจากกล่องแรกของ Facebook Like Button Configurator
เป็นรหัสในช่องด้านบน ใต้ "ขั้นตอนที่ 2"
คุณคัดลอกข้อความได้โดยไฮไลต์ข้อความ จากนั้นกด Control+C หรือ ⌘ Command+C
ขั้นตอนที่ 6 วางโค้ดลงในโค้ด HTML ของ Blogger
ต้องวางโค้ดต่อจากบรรทัดที่ขึ้นต้นด้วย <body โดยเฉพาะอย่างยิ่งในบรรทัดถัดไป
- หากต้องการให้ตัวเองมีที่สำหรับวางโค้ด ให้คลิกก่อนอักขระตัวแรกของบรรทัดหลังแท็กเนื้อหา จากนั้นกด ↵ Enter หรือ ⏎ Return
- คลิกบรรทัดว่าง จากนั้นกด Control+V หรือ ⌘ Command+V เพื่อวาง
ขั้นตอนที่ 7 แทนที่ทุก ๆ “&” ในโค้ดที่วางด้วย “
&
”.
อย่าใส่เครื่องหมายคำพูด
-
ตัวอย่างเช่น “//connect.facebook.net/en_US/sdk.js#xfbml=1 &version=v2.8” กลายเป็น “//connect.facebook.net/en_US/sdk.js#xfbml=1
&
- รุ่น = v2.8"”
ขั้นตอนที่ 8 คลิก บันทึกเทมเพลต
-
หากคุณข้าม “&” โดยไม่ได้ตั้งใจ คุณจะเห็นข้อผิดพลาดที่ระบุว่า “ข้อผิดพลาดในการแยกวิเคราะห์ XML” เหนือโค้ด กลับไปที่โค้ดที่วาง ค้นหา & และแทนที่ด้วย
&
- .
ส่วนที่ 3 จาก 3: การเพิ่มปุ่มลงในเลย์เอาต์ของคุณ
ขั้นตอนที่ 1 คัดลอกกล่องรหัสที่สองจากตัวกำหนดค่าปุ่มถูกใจ
คุณจะต้องกลับไปที่หน้าต่างเบราว์เซอร์หรือแท็บอื่นเพื่อค้นหา นี่คือรหัสในช่องใต้ “ขั้นตอนที่ 3”
คุณคัดลอกข้อความได้โดยไฮไลต์ข้อความ จากนั้นกด Control+C หรือ ⌘ Command+C
ขั้นตอนที่ 2 คลิก Layout back ใน Blogger
ทางด้านซ้ายของแดชบอร์ด Blogger เหนือ "เทมเพลต"
ขั้นตอนที่ 3 คลิกปุ่ม เพิ่ม Gadget ที่คุณต้องการให้ปุ่มปรากฏ
ในกรณีส่วนใหญ่ คุณจะต้องให้ปุ่มปรากฏในส่วนหัวหรือส่วนท้าย
ขั้นตอนที่ 4 เลือก HTML/JavaScript
คุณจะต้องเลื่อนลงมาเล็กน้อยเพื่อค้นหา
ขั้นตอนที่ 5. พิมพ์ facebook ภายใต้ “Title
”
ขั้นตอนที่ 6 วางรหัสที่คัดลอกลงในช่อง "เนื้อหา"
คุณทำได้โดยคลิกในช่องแล้วกด Control+V หรือ ⌘ Command+V
ขั้นตอนที่ 7 คลิกบันทึก
ตอนนี้คุณจะเห็นกล่องแกดเจ็ตที่เรียกว่า "facebook"
คลิก แสดงตัวอย่าง ที่มุมบนขวาของหน้าเพื่อให้แน่ใจว่าปุ่มปรากฏในตำแหน่งที่ควร หากคุณไม่ชอบสถานที่ คุณสามารถลากกล่อง “facebook” ไปยังส่วนอื่นๆ ในเค้าโครงของคุณได้
ขั้นตอนที่ 8 คลิกบันทึกการจัดเรียง
ที่มุมขวาบนของหน้าจอ ตอนนี้ เมื่อมีคนสนุกกับบล็อกของคุณ พวกเขาสามารถแบ่งปันกับเพื่อน Facebook ทุกคนได้อย่างง่ายดาย