วันจันทร์ที่ 18 กรกฎาคม พ.ศ. 2554

[web]เพิ่มปุ่ม Google +1 ไว้ในเว็บ

ปุ่ม like จาก facebook มีกันเยอะแล้ว วิธีใส่ก็มีหลายคนแนะนำเยอะแล้ว วันนี้เลยขอแนะนำวิธีใส่ Google + บ้าง
ใครคิดไม่ออกว่าปุ่มที่ว่าหน้าตาเป็นไง?
แบบนี้ครับ


สำหรับ wordpress นั้นแสนง่ายเลยครับ เพราะมีปลั๊กอินสำหรับการนี้โดยเฉพาะ คลิกไปดาวน์โหลดใช้ได้เลยที่ http://blog.jacobwg.com/wp-plus-one/

วิธีใช้ก็ไม่มีอะไรซับซ้อน อัพโหลดปลั๊กอินที่ดาวน์โหลดมาแล้วไปไว้ที่โฟลเดอร์ plugins แล้วก็ล็อกอินเข้าแอดมินไป activate ก็เป็นอันเสร็จพิธีครับ

ต่อถ้าใช้เว็บใช้ blogspot.com อย่างที่ผมใช้อยู่นี้ก็ยิ่งง่ายใหญ่เลย ล็อกอินเข้าสู่หน้า "การออกแบบ" คลิก "แก้ไข" แล้วคลิกบันทึก (ตามภาพ) ก็ใช้ได้แล้ว



คลิกอ่านรายละเอียดเพิ่มเติม http://buzz.blogger.com/2011/06/add-1-button-to-your-blog.html


ต่อมา หากเป็นเว็บที่เขียนขึ้นเอง ยิ่งง่ายใหญ่ครับ คลิกไปหน้านี้เลย

http://www.google.com/webmasters/+1/button/

ในนั้นก็จะไม่มีอะไรยุ่งยากใจเลย จะมีโค๊ดให้สนใจอยู่ 2 จุด

1. ส่วนแรกเอาไปใส่ที่<head>

<script type="text/javascript" src="https://apis.google.com/js/plusone.js">{lang: 'th'}</script>


และ 2. เอาไปใส่ ณ ตำแหน่งที่อยากจะให้มีปุ่ม google +1

<g:plusone href="http://example.com"></g:plusone>

แก้ไข http://example.com เป็นหน้าเพจที่คุณจะใส่ปุ่ม Google +1

เพียงเท่านี้ก็เป็นอันเสร็จพิธี Google+1 ละ

ไม่มีความคิดเห็น:

แสดงความคิดเห็น