เห็นหลายๆเว็บไซต์ เขาใส่ +1 button ในเว็บกันแล้ว อยากจะเอามาใส่ในเว็บ ninenik.com บ้าง
เข้าไปอ่าน และปรับแต่งค่าต่างๆ แล้วเอาไปใส่เว็บได้เลยอย่างง่ายดายได้ที่
http://www.google.com/intl/en/webmasters/+1/button/index.html
Javascript Code แทรกไว้ก่อนแท็กปิด body หรือในแท็ก head
<!-- Place this tag in your head or just before your close body tag --> <script type="text/javascript" src="https://apis.google.com/js/plusone.js"> {lang: 'th'} // สำหรับปรับแต่งภาษาไทย อังกฤษก็เปลี่ยนเป็น en </script>
Code ที่ต้องการแสดงปุ่ม +1 ไว้ตรงตำแหน่งที่ต้องการให้แสดง
<!-- Place this tag where you want the +1 button to render --> <g:plusone size="small" callback="alert('OK man');" href="https://www.ninenik.com"></g:plusone>
attrbute ภายในสำหรับปรับแต่ง
attrbute size ตอนนี้มี 4 แบบ
- small ขนาด 15px
- medium ขนาด 20px
- standard ขนาด 24px โดยที่หากใช้ขนาด standard ก็ไม่ต้องกำหนด attribute size
- Tall ขนาด 60px
attribute callback
ใช้กำหนดสำหรับเรียกใช้ฟังก์ชัน javascript หลังจากคลิกที่ปุ่ม +1 แล้ว ว่าต้องการให้ทำอะไรเช่น
callback="alert('OK man');" หลังจากคลิกแล้วให้ขึ้น alert ว่า OK man
attribute count
ใช้กำหนดหากต้องการให้แสดงจำนวนคนที่กด +1 กี่คน หรือไม่
count="false" ไม่แสดง
กรณีต้องการแสดง ไม่ต้องแทรก attribute count
attribue href
ใช้กำหนด url ของหน้าเพจนั้นๆ จะกำหนดหรือไม่ ก็ได้ หากไม่กำหนด ก็จะใช้ url ของเพจนั้นเป็นหลัก
อ่านรายละะอียดแบบเจาะลืก อย่างโปรได้ที่
http://code.google.com/apis/+1button/