suttasilo โพสต์ 2015-8-15 16:59:18

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

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

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

เพิ่มโค๊ดนี้ต่อด้านล่าง (โค้ดสีม่วงเป็นโค้ดของรูปภาพ"กรุณาตอบกระทู้แสดงความคิดเห็นเพื่อเป็นกำลังใจผู้จัดทำ")
<table width="100%" style="table-layout:fixed;"><tr><td>
                                        <img src="static/image/watkaeng02.jpg" border="0" width:750px;height:107px;"></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>วิธีทำเปิดไฟล์ viewthread_node.htmแล้วใส่โค้ดตามรูปเลย



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


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

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


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


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



ก็ให้ใส่เฉพาะโค้ดนี้เท่านั้นพอ
<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>
VDOแทรกปุ่มแชร์socail media ShareThisDiscuzX3.3
UAwCOQCGYoo


         

i~Designs โพสต์ 2015-8-15 21:42:43

อีกอัน http://www.discuzthai.com/forum.php?mod=viewthread&tid=37392&highlight=%E0%B9%80%E0%B8%9E%E0%B8%B4%E0%B9%88%E0%B8%A1%E0%B8%9B%E0%B8%B8%E0%B9%88%E0%B8%A1

kanungkanpim โพสต์ 2015-12-5 09:24:17

ขอนำไปทดสอบหน่อยครับ

macstudioo โพสต์ 2016-3-7 18:00:37

ขอบคุณครับท่าน ผมลองทำตามเเล้วมันไม่ขึ้นอ่ะครับ (www.gangter.com)

suttasilo โพสต์ 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
ค้นหา....
<!--{hook/viewthread_useraction}-->
                              </div>แก้ไขโค้ดใหม่จากของเดิมดานบน
เพิ่มโค๊ดนี้ต่อด้านล่าง </div> (โค้ดด้านบนเป็นโค้ดของรูปภาพ"กรุณาตอบกระทู้แสดงความคิดเห็นเพื่อเป็นกำลังใจผู้จัดทำ")
<table width="100%" style="table-layout:fixed;"><tr><td>
                                        <img src="static/image/watkaeng02.jpg" 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 ไฟล์
ผลลัพธ์ที่ได้ดังรูป



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


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



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

XtMBn7OqoDA

suttasilo โพสต์ 2016-3-7 20:20:19

เพิ่มไฟล์รูปภาพตัวใหม่
ดาวน์โหลด

SongSaLueng โพสต์ 2016-10-12 00:27:25

ขอบคุณครับ ทำได้แล้วครับ

wongrath โพสต์ 2017-5-6 21:07:55

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