suttasilo โพสต์ 2016-4-13 22:11:20

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

          การแทรกปุ่มแชร์ 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ดังรูป



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

XtMBn7OqoDA

ตัวอย่างไฟล์รูปภาพ
ดาวน์โหลด






zaii โพสต์ 2017-2-27 09:04:46

แก้ตรงไหนครับ แชร์ภาพให้ขึ้นบน Facebook
ขอบคุณไว้ล่วงหน้านะครับ

suttasilo โพสต์ 2017-3-13 23:16:13

zaii ตอบกลับเมื่อ 2017-2-27 09:04
แก้ตรงไหนครับ แชร์ภาพให้ขึ้นบน Facebook
ขอบคุณไว้ล่วงหน้านะครับ

http://www.discuzthai.com/forum.php?mod=viewthread&tid=40434&highlight=%E0%B9%81%E0%B8%8A%E0%B8%A3%E0%B9%8C%E0%B8%A0%E0%B8%B2%E0%B8%9E
หน้า: [1]
ดูในรูปแบบกติ: แทรกปุ่มแชร์ socail media (ShareThis)พร้อมรูปภาพ"กรุณาตอบกระทู้แสดงความคิดเห็น