วิธีเพิ่มปุ่มแชร์โซเชียลบน Blogger (2019)

ทำไงดีเขียนโค๊ดไม่เป็น แต่อยากให้ Blog ของเรามี ปุ่มแชร์ Facebook, Line, Twitter, Pinterest, ...

ไม่ยากค่ะ Think about มีทางออกให้ค่ะ

วันนี้จะขอแนะนำวิธีที่จะทำให้คนอ่านเห็นปุ่มแชร์ทั้ง Facebook, Line, Twitter และอีกหลายๆอย่าง ใน Blogger แม้ว่าราจะเขียนโค๊ดไม่เป็นก็ตาม

เวปไซต์ " ShareThis " ช่วยให้การเขียนโค๊ดเพิ่มปุ่มช่องทางทางสังคมออนไลน์ยากๆ เป็นเรื่องง่ายไปเลยค่ะ

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

มาค่ะเริ่มทำกันเลย

1. เข้าไปใน เวปไซต์ https://sharethis.com กันค่ะ เลื่อนลงไปจนเจอ  Start with share buttons  แล้วก็กดเข้าไปเลยค่ะ

2. เลือกรูปแบบที่เราต้องการนำไปใช้ มี 2 แบบค่ะ ครั้งนี้ Think about จะแนะนำแบบที่ 2 "Sticky share buttons" นะค่ะ

    แบบที่ 1: Inline share buttons (floating) 

    แบบที่ 2: Sticky share buttons สำหรับแบบนี้การแสดงผลในหน้าเดสก์ท็อป จะอยู่ด้านข้างค่ะ แต่ถ้าเป็นบนมือถือจะอยู่ด้วนล่างค่ะ เมื่อเลือกรูปแบบที่เราต้องการแล้วก็กดปุ่ม   Next   ค่ะ

การแสดงปุ่มแชร์บนหน้าเดสก์ท็อป

การแสดงปุ่มแชร์บนหน้ามือถือ

3. เลือกแพลตฟอร์ม "HTML" สำหรับนำไปใช้กับ Blogger ของเราค่ะ แล้วก็กดปุ่ม   Next   ค่ะ 

4. ลงทะเบียนโดย ใส่ E-mail ของเรา และ กำหนดพาสเวิด แล้วก็กดปุ่ม   Get The Code   ค่ะ 

**สำหรับคุณที่เคยลงทะเบียนไปแล้ว ให้เลือก Longin here ใต้ช่องพาสเวิดค่ะ

5. จะมีข้อความเกี่ยวกับความเป็นส่วนตัวขั้นมาค่ะ อ่านแล้วยอมรับ กดปุ่ม   I ACCEPT   ค่ะ 

6. เพิ่มชื่อ Blogger ที่เราต้องการนำปุ่มแชร์ไปใช้ก่อนค่ะ โดยเข้าไปเพิ่มได้ที่ช่องมุมขวาบนค่ะ เล้วกดที่ " Setup New Property " 

แล้วเราก็นำชื่อ Blogger ที่เราต้องการนำปุ่มแชร์ไปใช้ เพิ่มเข้าไปค่ะ เสร็จแล้วก็กดปุ่ม " ADD "

6. เลือกรูปแบบ Share tools นั้นก็คือ " Sticky Share Buttons "

7. เลือกปุ่มช่องทางทางสังคมออนไลน์ เช่น Facebook, Twitter, Pinterest, E-Mail, SMS และอื่นๆ เราจะเห็นตัวอย่างทางซ้ายมือ และเรายังสลับตำแหน่งปุ่มที่เราต้องการ หรือขยับทั้งแถบไปไว้ด้านขวา หรือ ตรงกลางได้อีกด้วย เมื่อจัดรูปแบบได้ตามต้องการแล้ว ก็กด   Update   รอประมาณ 5 นาทีเพื่อให้ระบบได้ Update รูปแบบที่เราต้องการ

8. รับรหัส เลื่อนขึ้นมาด้านบนแล้วกด   Get the Code   เราก็จะได้โค๊ดที่จะไปใช้สำหรับ Blogger ของเรา จากนั้นกด   Copy   เลยค่ะ "

9. นำรหัสไปติดตั้ง ตอนนี้เราก็ไปที่ Blogger ของเราค่ะ ไปที่  "ธีม"  แล้วเลือก  "แก้ไข HTML"  ค่ะ

       
          - คลิกที่กลุ่มโค๊ด 1 ครั้ง

       
          - กด Ctrl+F แล้วพิมพ์

  ==> กด Enter ค่ะ
          - นำโค๊ดที่ได้วางไว้ด้านบนของ 
แล้วกด  "บันทึกธีม"

10. ตรวจสอบที่หน้า Blogger เลือก  " ธีม "  แล้วดูที่สดจากบล๊อก เราก็จะปุ่มแชร์แล้วค่ะ 👍👍👍

เป็นไงบ้างค่ะ ใช้เวลาทำพักใหญ่ แต่ก็คุ้มกับเวลาที่ใช้ไปนะค่ะ เจอกันใหม่บทความหน้านะค่ะ

ถ้าคุณๆสนใจการปรับปรุง Blogger แบบไหน ก็สอบถามมาได้เลยนะค่ะ