เพิ่มปุ่ม google 1 plus ในเวบบล็อก

ผ่านไปอ่านบทความที่่เวบโปรดแห่งหนึ่ง  เหลือบไปเห็นสัญลักษณ์ google 1 plus ซึ่งมีหน้าตาเป็นปุ่มคล้าย ๆ facebook like โดยปุ่ม google 1 plus ก็คล้าย ๆ กับ facebook like คือเหล่านักอ่านคนใดเกิดชอบใจบทความก็จะกดปุ่ม +1 ให้ คล้าย กัน

โดยคะแนน +1 นี้จะเป็นคะแนนที่ผู้อ่านบทความแจ้งกับ google ถึงคุณภาพของบทความหรือคุณภาพของเวบไซต์   ความสำคัญมันอยู่ที่ คะแนนที่ได้จะแจ้งตรงต่อ google นี่ซิ  มันหมายถึงหากมีคะแนนมาก search engine ใหญ่อย่าง google ก็จะให้ความสนใจกับบทความหรือเวบบล็อกของเรา  อันนี้หล่ะเหล่าบล็อกเกอร์น่าจะติด google 1 plus ไว้ในบทความด้วย หากแวะเข้าไปที่ google webmaster จะสังเกตเห็นเมนูที่ใช้วิเคราะห์จาก ปุ่ม google 1 plus ด้วย เป็นโอกาสเพิ่ม traffic แจ่ม ๆให้กับเวบบล็อกได้อีกทางเลยหล่ะค่ะ 

 

สำหรับการติดตั้งใน blogger ก็ไม่ยาก ตามดิฉันมากันเลยค่ะ

กรณีที่ 1  เลือกใช้ปุ่มแบ่งปันของบล็อกเกอร์  ซึ่งจะแสดงอยู่ด้านล่างของบทความ โดยให้เพื่อน ๆ login เข้า blogger ไปที่ การออกแบบ> องค์ประกอบของหน้า> คลิ๊กแก้ไขการตั้งค่าของบล็อกที่มุมล่างสุดของบทความบล็อก

หลังจากนั้นจะปรากกฏหน้าต่างให้ตั้งค่าบทความ  เลื่อนลงไปคลิ๊ก แสดงปุ่มแบ่งปัน เพื่อให้้ปุ่มแบ่งปันปรากฏอยู่ด้านล่างของบทความในเวบบล็อก

แค่นี้ก็จะปรากฏปุ่ม google 1 plus ในด้านล่างของบทความแล้วหล่ะค่ะ

กรณีที่ 2  สำหรับเพื่อนท่านใดที่ได้ใช้ bookmark ของ blogger เช่นดิฉัน  ลองมาเพิ่ม google 1 plus ไว้ในบทความอีกวิธีค่ะ นั่นคือนำ code ไปวางในเวบบล็อก

ขัั้นตอนที่ 1  login  เข้า blogger > การออกแบบ> แก้ไข html  ติ๊กเครื่องหมายถูกหน้ากล่อง ขยายเทมเพลตวิตเจ็ต ดังรูปด้านล่างนี้

  2. คลิีก ctrl+f ค้นหา code  </head> แล้ว copy code ด้านล่างนี้ไปวางไว้ก่อน </head>

<script type="text/javascript" src="http://apis.google.com/js/plusone.js"> {lang: 'en-US'} </script>

ดังตัวอย่างรูปด้านล่าง

3. ต่อจากนั้น คลิ๊ก ctrl+f ค้นหา code  <data:post.body> นำ code ในตารางนี้ไปวาง 

โดยหากต้องการให้ปุ่ม google 1 plus  อยู่ด้านล่างของหัวข้อบทความ ก็นำ code ไปวางไว้ก่อน  <data:post.body>

หากต้องการให้ปรากฏด้านล่างบทความก็วาง code ดังกล่าวไว้หลัง <data:post.body>

<div style='float:left'> <g:plusone size="standard" expr:href="data:post.url"/> </div>

ตัวอย่างการนำ code มาวางใน html โดยวางไว้ก่อน <data:post.body> เพื่อให้ปุ่ม google 1plus ปรากฏอยู่ด้านล่างของหัวข้อบทความ 

เราสามารถแก้ไขขนาดของ google 1 plus  ได้โดยแก้ไข size ใน code เปลี่ยนจาก standard เป็น

small  (ขนาดเล็ก 15px)

medium (ขนาดกลาง 20px)

standard (ขนาดมาตรฐาน  24 px)

tall ( สูง 60px)

ลองปรับเปลี่ยนให้เหมาะกับหน้าตาเวบบล็อกของเรากันนะคะ สำหรับ ชวนเพื่อนเขียนบล็อก ขอเลือก standard ค่ะ

เมื่อเสร็จแล้วก็ทดลอง  เลือกบันทึกแม่แบบ คลิ๊กดูการแสดงผลของบล็อกค่ะ

 

 

แค่นี้ก็จะมี google 1 plus อยู่ในเวบบล็อกแล้วหล่ะ  คลิ๊กเลยดีกว่า ดิฉันคลิ๊ก +1 ให้กับบทความตนเอง เลยดีกว่า