แสดงบทความที่มีป้ายกำกับ like แสดงบทความทั้งหมด
แสดงบทความที่มีป้ายกำกับ like แสดงบทความทั้งหมด

วันพฤหัสบดีที่ 4 สิงหาคม พ.ศ. 2554

[smf] เพิ่มปุ่ม like และปุ่มGoogle+1ในกระทู้

ผมเคยเขียนการใส่ปุ่ม Google +1 ไปแล้ว แต่ครั้งนั้นพลาดไปหน่อย ไม่ได้กล่าวถึงการใส่ปุ่ม google+1 ในกระทู้ วันนี้เลยจะรวบยอดพูดถึงการใส่ปุ่ม like และปุ่ม google +1 ไว้ในกระทู้ด้วยกันเลย


ใช้ได้กับ smf ทุกเวอร์ชั่นนะครับ

มาดูวิธีใส่ใน smf ก่อน
เปิดไฟล์ Display.template.php ถ้าเป็น smf เวอร์ชั่น 1 ให้ค้นหาคำว่า
<hr class="hrcolor" width="100%" size="1">

ส่วนถ้าเป็นเวอร์ชั่น 2 ให้ค้นหาคำว่า
<div class="inner" id="msg_', $message['id'], '"', '>

หลังจากเจอแล้วให้ใส่โค๊ดนี้ด้านล่าง

<div class="like">

<iframe src="http://www.facebook.com/plugins/like.php?href=',$scripturl,'/topic,',$context['current_topic'],'.msg',$message['id'],'&amp;layout=standard&amp;show-faces=true&amp;width=530&amp;height=60&amp;action=like&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:530px; height:60px"></iframe>
</div>

จบวิธีสำหรับใส่ปุ่ม like

วิธีใส่ปุ่ม Google + 1 ในกระทู้บ้าง
ก่อนอื่นเปิดไฟล์ index.template.php
ก็อปปี้โค๊ดด้านล่างนี้
echo '<script type="text/javascript" src="https://apis.google.com/js/plusone.js">{lang: "

ไปใส่ในส่วน head ครับ เสร็จแล้วเซฟ

ถัดไปเปิดไฟล์ Display.template.php ที่อยู่ในธีมของเรา

สำหรับเวอร์ชั่น 2 ให้ค้นหาำำคำว่า <ul class="reset smalltext quickbuttons">';
ถ้าเป็นเวอร์ชั่น 1 ให้ค้นหาคำว่า <td align="', !$context['right_to_left'] ? 'right' : 'left', '" valign="bottom" height="20" style="font-size: smaller;">';


เมื่อเจอแล้ว ให้วางโค๊ดนี้ถัดจากโค๊ดที่ค้นหาเจอนั้น
สำหรับเวอร์ชั่น 2 echo '<li><g:plusone href="',$scripturl,'/topic,',$context['current_topic'],'.msg',$message['id'],'"></g:plusone></li>';

สำหรับเวอร์ชั่น 1 <td align="', !$context['right_to_left'] ? 'right' : 'left', '" valign="bottom" height="20" style="font-size: smaller;">';


ตำแหน่งที่วางนี้ไม่ได้จำกัดตายตัวว่าต้องวางตรงนี้นะครับ จริงๆแล้วอยากใส่ตรงไหนก็สามารถไปแหมะวางตรงนั้นได้ แต่ที่ผมพิกัดพื้นที่ให้แบบนี้ เพื่อง่ายต่อการเขียนอธิบายครับ


วันจันทร์ที่ 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 ละ