Discuz Thai

 ลืมรหัสผ่าน
 สมัครสมาชิก

ข้อตกลงการใช้งานกระดานข่าวดิสคัสไทย DiscuzThai Agreement (English Version) ประกาศดิสคัสไทย - ทำเนียบดิสคัสภาษาไทย

Discuz! X3.4 Thai R20210926 (REV.69) พร้อมให้ลิ้มลอง ระบบเว็บบอร์ดที่ครบครัน ดาวน์โหลด Discuz! X3.4 ภาษาไทยล่าสุดที่นี่

บัญชีถูกแช่แข็ง (Freeze) แจ้งความประสงค์ได้ที่นี่ เปิดระบบ Verified Account - ระบบยืนยันตัวตน ถามอย่างไรจึงจะได้คำตอบ - ตั้งกระทู้เนื้อหาครอบคลุม

ค้นหา
แท็กยอดนิยม: ดิสคัสภาษาไทย Discuz Thai
ดู: 2359|ตอบกลับ: 7

แทรกปุ่มแขร์ socail media (ShareThis)พร้อมรูปภาพ"กรุณาตอบกระทู้แสดงความคิดเห็น"

[คัดลอกลิงก์]
แก้ไขครั้งสุดท้ายโดย suttasilo เมื่อ 2017-8-4 10:33

          การแทรกปุ่มแขร์ socail media (facebook, google+ฯลฯ) มีคนเคยยแจกแล้วแต่เป็นโค้ดของเว็บของ AdThis นำโค้ดปุ่มแชร์ จากเว็บShareThis พร้อมรูปภาพ"กรุณาตอบกระทู้แสดงความคิดเห็นเพื่อเป็นกำลังใจผู้จัดทำ"  
ไปที่ template\default\forum\เปิดไฟล์  viewthread_node.htm  
ค้นหา....
  1.     <!--{hook/viewthread_useraction}-->
  2.                                     </div>
คัดลอกไปที่คลิปบอร์ด


เพิ่มโค๊ดนี้ต่อด้านล่าง (โค้ดสีม่วงเป็นโค้ดของรูปภาพ"กรุณาตอบกระทู้แสดงความคิดเห็นเพื่อเป็นกำลังใจผู้จัดทำ")
  1. <table width="100%" style="table-layout:fixed;"><tr><td>
  2.                                         <img src="static/image/watkaeng02.jpg" border="0" width:750px;height:107px;"></table>
  3. </div>
  4. </div>
  5. <div class="shareAll cc mb10">
  6.                                         <em>ผู้ให้ย่อมเป็นที่รักของผู้ถูกให้: </em>
  7. <span class='st_sharethis_large' displayText='ShareThis'></span>
  8. <span class='st_facebook_large' displayText='Facebook'></span>
  9. <span class='st_fblike_large' displayText='Facebook Like'></span>
  10. <span class='st_fbsend_large' displayText='Facebook Send'></span>
  11. <span class='st_twitter_large' displayText='Tweet'></span>
  12. <span class='st_plusone_large' displayText='Google +1'></span>
  13. <span class='st_instagram_large' displayText='Instagram Badge'></span>
  14. <span class='st_blogger_large' displayText='Blogger'></span>
  15. <span class='st_email_large' displayText='Email'></span>
  16. <script type="text/javascript">var switchTo5x=true;</script>
  17. <script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
  18. <script type="text/javascript">stLight.options({publisher: "6b829061-74ff-4b31-a128-2818cf4fa44e", doNotHash: false, doNotCopy: false, hashAddressBar: false});</script>
  19.                                 </div>
คัดลอกไปที่คลิปบอร์ด
วิธีทำเปิดไฟล์ viewthread_node.htm  แล้วใส่โค้ดตามรูปเลย



ภาพที่ได้ดังรูป


อัพไฟล์รูปภาพ watkaeng02.jpg ไปไว้ที่ static/image/watkaeng02.jpg

ดาวน์โหลดไฟล์รูปภาพ watkaeng02.jpg


หรือดาวน์โหลดไฟล์รูปภาพเคลื่อนไหว gif นี้ watsuanvang04.gif  ถ้าต้องการไฟล์นี้อย่าลืมเปลี่ยนโค้ดชื่อไฟล์จาก watkaeng02.jpg เป็น watsuanvang04.gif ด้วย


หากไม่ต้องการรูปภาพ กรุณาตอบกระทู้แสดงความคิดเห็นเพื่อเป็นกำลังใจผู้จัดทำ  ต้องการเฉพาะปุ่มแขร์ socail media (ShareThis) ด้านล่างแบบนี้



ก็ให้ใส่เฉพาะโค้ดนี้เท่านั้นพอ
  1. <div class="shareAll cc mb10">
  2.             <em>ผู้ให้ย่อมเป็นที่รักของผู้ถูกให้: </em>
  3.             <span class='st_sharethis_large' displayText='ShareThis'></span>
  4.             <span class='st_facebook_large' displayText='Facebook'></span>
  5.             <span class='st_fblike_large' displayText='Facebook Like'></span>
  6.             <span class='st_fbsend_large' displayText='Facebook Send'></span>
  7.             <span class='st_twitter_large' displayText='Tweet'></span>
  8.             <span class='st_plusone_large' displayText='Google +1'></span>
  9.             <span class='st_instagram_large' displayText='Instagram Badge'></span>
  10.             <span class='st_blogger_large' displayText='Blogger'></span>
  11.             <span class='st_email_large' displayText='Email'></span>
  12.             <script type="text/javascript">var switchTo5x=true;</script>
  13.             <script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
  14.             <script type="text/javascript">stLight.options({publisher: "6b829061-74ff-4b31-a128-2818cf4fa44e", doNotHash: false, doNotCopy: false, hashAddressBar: false});</script>
  15.                                 </div>
คัดลอกไปที่คลิปบอร์ด

VDOแทรกปุ่มแชร์socail media ShareThisDiscuzX3.3



         

ขออภัย! โพสต์นี้มีไฟล์แนบหรือรูปภาพที่ไม่ได้รับอนุญาตให้คุณเข้าถึง

คุณจำเป็นต้อง ลงชื่อเข้าใช้ เพื่อดาวน์โหลดหรือดูไฟล์แนบนี้ คุณยังไม่มีบัญชีใช่ไหม? สมัครสมาชิก

x
โพสต์ 2015-8-15 21:42:43 | ดูโพสต์ทั้งหมด
โพสต์ 2015-12-5 09:24:17 | ดูโพสต์ทั้งหมด
ขอนำไปทดสอบหน่อยครับ
โพสต์ 2016-3-7 18:00:37 | ดูโพสต์ทั้งหมด
ขอบคุณครับท่าน ผมลองทำตามเเล้วมันไม่ขึ้นอ่ะครับ (www.gangter.com)
 เจ้าของ| โพสต์ 2016-3-7 20:18:05 | ดูโพสต์ทั้งหมด
แก้ไขครั้งสุดท้ายโดย suttasilo เมื่อ 2016-10-11 23:34
macstudioo ตอบกลับเมื่อ 2016-3-7 18:00
ขอบคุณครับท่าน ผมลองทำตามเเล้วมันไม่ขึ้นอ่ะครับ (www.gangter.com)

ไปที่ template\default\forum\เปิดไฟล์  viewthread_node.htm  ด้วย โปรแกรม Editplus 3
ค้นหา....
  1. <!--{hook/viewthread_useraction}-->
  2.                                 </div>
คัดลอกไปที่คลิปบอร์ด
แก้ไขโค้ดใหม่จากของเดิมดานบน
เพิ่มโค๊ดนี้ต่อด้านล่าง </div> (โค้ดด้านบนเป็นโค้ดของรูปภาพ"กรุณาตอบกระทู้แสดงความคิดเห็นเพื่อเป็นกำลังใจผู้จัดทำ")
  1. <table width="100%" style="table-layout:fixed;"><tr><td>
  2.                                         <img src="static/image/watkaeng02.jpg" border="0" width:750px;height:107px;">
  3.                                         </td></tr></table>
  4. </div>
  5. </div>
  6. <div class="shareAll cc mb10">
  7.                                         <em>ผู้ให้ย่อมเป็นที่รักของผู้ถูกให้: </em>
  8. <span class='st_sharethis_large' displayText='ShareThis'></span>
  9. <span class='st_facebook_large' displayText='Facebook'></span>
  10. <span class='st_fblike_large' displayText='Facebook Like'></span>
  11. <span class='st_fbsend_large' displayText='Facebook Send'></span>
  12. <span class='st_twitter_large' displayText='Tweet'></span>
  13. <span class='st_plusone_large' displayText='Google +1'></span>
  14. <span class='st_instagram_large' displayText='Instagram Badge'></span>
  15. <span class='st_blogger_large' displayText='Blogger'></span>
  16. <span class='st_email_large' displayText='Email'></span>
  17. <script type="text/javascript">var switchTo5x=true;</script>
  18. <script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
  19. <script type="text/javascript">stLight.options({publisher: "6b829061-74ff-4b31-a128-2818cf4fa44e", doNotHash: false, doNotCopy: false, hashAddressBar: false});</script>
  20.                                 </div>
คัดลอกไปที่คลิปบอร์ด
ทำการ save ไฟล์
ผลลัพธ์ที่ได้ดังรูป



ตัวหนังสือเป็นภาษา ������������繷���ѡ�ͧ����١���: ดังรูปไม่ต้องตกใจให้ save as ไฟล์  ตรง Ecoding: เป็น  UTF-8



ผลลัพธ์ที่ได้ดังรูป



ศึกษารายละเอียดจากวีดีโอด้านล่าง


ขออภัย! โพสต์นี้มีไฟล์แนบหรือรูปภาพที่ไม่ได้รับอนุญาตให้คุณเข้าถึง

คุณจำเป็นต้อง ลงชื่อเข้าใช้ เพื่อดาวน์โหลดหรือดูไฟล์แนบนี้ คุณยังไม่มีบัญชีใช่ไหม? สมัครสมาชิก

x
 เจ้าของ| โพสต์ 2016-3-7 20:20:19 | ดูโพสต์ทั้งหมด
เพิ่มไฟล์รูปภาพตัวใหม่
ดาวน์โหลด

ขออภัย! โพสต์นี้มีไฟล์แนบหรือรูปภาพที่ไม่ได้รับอนุญาตให้คุณเข้าถึง

คุณจำเป็นต้อง ลงชื่อเข้าใช้ เพื่อดาวน์โหลดหรือดูไฟล์แนบนี้ คุณยังไม่มีบัญชีใช่ไหม? สมัครสมาชิก

x
โพสต์ 2016-10-12 00:27:25 | ดูโพสต์ทั้งหมด
ขอบคุณครับ ทำได้แล้วครับ
โพสต์ 2017-5-6 21:07:55 | ดูโพสต์ทั้งหมด
ขอขอบคุณนะครับ
ขออภัย! คุณไม่ได้รับสิทธิ์ในการดำเนินการในส่วนนี้ กรุณาเลือกอย่างใดอย่างหนึ่ง ลงชื่อเข้าใช้ | สมัครสมาชิก

รายละเอียดเครดิต

รายชื่อผู้กระทำผิด|อุปกรณ์พกพา|Archiver|ดิสคัส ไทย Follow us: Become a fan on facebook. Follow us on Twitter.

GMT+7, 2021-10-23 08:31

Powered by Discuz! X3.4, Rev.66

Copyright © 2001-2021 Tencent Cloud. Licensed

ตอบกระทู้ ขึ้นไปด้านบน ไปที่หน้ารายการกระทู้