สร้างปุ่มติดตามบนเว็บบล็อก

ผู้เขียนบล็อกมือใหม่บางคนอาจกำลังมองหาวิธีเพิ่มปุ่ม Google+ Follow ลงไปในเว็บบล็อกของตัวเอง เเต่ทันใดนั้นอาจมีคำถามเกิดขึ้นกับตัวเองว่า เอ๊ะ!!เเล้วเราจะทำยังไงล่ะ? เเน่นอนว่านี่อาจเป็นคำถามพื้นๆ ที่เรามักใช้บ่อยๆ เวลาสงสัยอะไรบางอย่าง เเละเมื่อมีคำถามเกิดขึ้น เราก็ต้องเเก้ข้อสังสัยนั้น จริงไหมคะ? วิธีการง่ายๆ ที่จะเเก้ข้อสังสัยนั้นได้ก็คือ คลิกเข้าไปอ่านบทความในหน้านี้ยังไงล่ะคะ ทีนี้รับรองได้ว่า เพื่อนๆ จะหายสงสัยอย่างเเน่นอนเลยล่ะค่ะ

สร้างปุ่มติดตามบนเว็บบล็อก
Step 1 เข้าไปที่ https://developers.google.com/+/web/follow/
ปล. ต้อง Login เข้าบัญชีของ Google ก่อนนะคะ

ทำการตั้งค่าต่างๆ ตามต้องการ ดังนี้ค่ะ

• Features (ลักษณะ) 
• Layout (รูปแบบ)
• Width (ความกว้าง) Color theme (สีของธีม)
• Cover Photo (รูปภาพหน้าปก) 
• Tagline (สโลเเกน)
• Language (ภาษา)

เมื่อตั้งค่าเสร็จเเล้ว ให้ทำการ Copy Code ที่อยู่ด้านล่างภาพตัวอย่าง เพื่อนำไปใส่ในบล็อกของเราค่ะ

Step 2 ทำการ Log in เข้าไปที่ www.blogger.com

เข้าสู่หน้า dashboard กดเลือก รูปเเบบ

กดเลือก Gedget >>>> HTML/จาวาสคริปต์

วาง Code ที่ได้จาก Step 1 ลงไป

อย่าลืม!!! ลบข้อความที่ติดมากับ Code ออกก่อนนะคะ

<!-- Place this tag in your head or just before your close body tag. -->
<script src="https://apis.google.com/js/platform.js" async defer>
{lang: 'th'}
</script>

<!-- Place this tag where you want the widget to render. -->
<div class="g-person" data-width="299" data-href="//plus.google.com/u/0/107696508468897774102" data-rel="author"></div>

.......................................................................................................

เราจะได้ code สำหรับใส่ส่งใน HTML/จาวาสคริปต์ ดังนี้

<script src="https://apis.google.com/js/platform.js" async defer>
{lang: 'th'}
</script>

<div class="g-person" data-width="299" data-href="//plus.google.com/u/0/107696508468897774102" data-rel="author"></div>