วันพฤหัสบดีที่ 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;">';


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


8 ความคิดเห็น:

  1. ขอบคุณหลายๆครับ

    จาก http://mocy.ข่าวใหม่.com

    ตอบลบ
  2. ขอบคุณมากครับ ง่ายดีครับ แต่ว่า กดแล้ว อยากให้ไปแสดงบนหน้าเฟสด้วย ทำยังไงครับ

    ตอบลบ
    คำตอบ
    1. มันจะแสดงในหน้าเฟสโดยอัตโนมัติอยู่แล้วครับ

      ลบ
  3. ขอบคุณครับ พอดีเจอปัญหา อยากให้ทำ Share On Facebook ด้วยครับ

    ตอบลบ
  4. ขอบคุณมากครับ ความรู้ จดๆๆครับ

    ตอบลบ
  5. ไม่ต้องไปหาที่อื่น ที่อื่นกั๊ก ที่นี่ บอกละเอียดยิบ ขอบคุณมากครับ ที่เข้าใจ มือใหม่ อยากจะศึกษา

    ตอบลบ
  6. ขอบคุณมาก ๆ เลยค่ะ กำลังศึกษาอยู่พอดีเลย ขอไปศึกษา source code ก่อนค่ะ

    ตอบลบ
  7. สวัสดีครับ ทำตามแล้ว ไม่ขึ้นครับ smf 2.0.4

    ตอบลบ