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

suttasilo โพสต์ 2020-3-4 06:40:13

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

แก้ไขครั้งสุดท้ายโดย suttasilo เมื่อ 2020-3-16 12:52

          การแทรกปุ่มแชร์ socail media (facebook, google+ฯลฯ) มีคนเคยยแจกแล้วแต่เป็นโค้ดของเว็บของ AdThis นำโค้ดปุ่มแชร์ จากเว็บShareThis พร้อมรูปภาพ"กรุณาตอบกระทู้แสดงความคิดเห็นเพื่อเป็นกำลังใจผู้จัดทำ"
ไปที่ template\default\forum\เปิดไฟล์viewthread_node.htm
ค้นหา....
<!--{hook/viewthread_useraction}-->
                                    </div>เพิ่มโค๊ดนี้ต่อด้านล่าง </div> (โค้ดด้านบนเป็นโค้ดของรูปภาพ"กรุณาตอบกระทู้แสดงความคิดเห็นเพื่อเป็นกำลังใจผู้จัดทำ")
    <table width="100%" style="table-layout:fixed;"><tr><td>
                                          <img src="static/image/watbangkhli.png" border="0" width:750px;height:107px;">
                                          </td></tr></table>
    </div>
    </div>
    <div class="shareAll cc mb10">
                                          <em>ผู้ให้ย่อมเป็นที่รักของผู้ถูกให้: </em>
    <span class='st_sharethis_large' displayText='ShareThis'></span>
    <span class='st_facebook_large' displayText='Facebook'></span>
    <span class='st_fblike_large' displayText='Facebook Like'></span>
    <span class='st_fbsend_large' displayText='Facebook Send'></span>
    <span class='st_twitter_large' displayText='Tweet'></span>
    <span class='st_plusone_large' displayText='Google +1'></span>
    <span class='st_instagram_large' displayText='Instagram Badge'></span>
    <span class='st_blogger_large' displayText='Blogger'></span>
    <span class='st_email_large' displayText='Email'></span>
    <script type="text/javascript">var switchTo5x=true;</script>
    <script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>

   <script type="text/javascript">stLight.options({publisher:
"6b829061-74ff-4b31-a128-2818cf4fa44e", doNotHash: false, doNotCopy:
false, hashAddressBar: false});</script>
                                    </div>ทำการ save ไฟล์ viewthread_node.htm แล้วอัพไฟล์ไปไว้ที่โฮสต์ template/default/forum/viewthread_node.htm   
ผลลัพธ์ที่ได้ดังรูป
ถ้าใส่เฉพาะปุ่มแขร์ socail media (facebook, google+ฯลฯ) ใส่เฉพาะโค้ดนี้
    <div class="shareAll cc mb10">
    <em>ผู้ให้ย่อมเป็นที่รักของผู้ถูกให้: </em>
    <span class='st_sharethis_large' displayText='ShareThis'></span>
    <span class='st_facebook_large' displayText='Facebook'></span>
    <span class='st_fblike_large' displayText='Facebook Like'></span>
    <span class='st_fbsend_large' displayText='Facebook Send'></span>
    <span class='st_twitter_large' displayText='Tweet'></span>
    <span class='st_plusone_large' displayText='Google +1'></span>
    <span class='st_instagram_large' displayText='Instagram Badge'></span>
    <span class='st_blogger_large' displayText='Blogger'></span>
    <span class='st_email_large' displayText='Email'></span>
    <script type="text/javascript">var switchTo5x=true;</script>
    <script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>

   <script type="text/javascript">stLight.options({publisher:
"6b829061-74ff-4b31-a128-2818cf4fa44e", doNotHash: false, doNotCopy:
false, hashAddressBar: false});</script>
    </div>
ทำการ save ไฟล์ viewthread_node.htm แล้วอัพไฟล์ไปไว้ที่โฮสต์ template/default/forum/viewthread_node.htm   
ผลลัพธ์ที่ได้ดังรูป
          ถ้าตัวหนังสือผู้ให้ย่อมเป็นที่รักของผู้ถูกให้: เป็นภาษา ������������繷���ѡ�ͧ����١���: ดังรูป


วิธีแก้ไม่ต้องตกใจให้ save as ไฟล์ตรง Ecoding: เป็นUTF-8ดังรูป



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

https://www.youtube.com/watch?v=XtMBn7OqoDA
ตัวอย่างไฟล์รูปภาพ
ดาวน์โหลด

birdboom โพสต์ 2020-9-29 18:56:34

น่าลองทำฮะ

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