แทรกปุ่มแขร์ 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
อีกอัน 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 ขอนำไปทดสอบหน่อยครับ ขอบคุณครับท่าน ผมลองทำตามเเล้วมันไม่ขึ้นอ่ะครับ (www.gangter.com) แก้ไขครั้งสุดท้ายโดย 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
เพิ่มไฟล์รูปภาพตัวใหม่
ดาวน์โหลด
ขอบคุณครับ ทำได้แล้วครับ ขอขอบคุณนะครับ
หน้า:
[1]