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

suttasilo

          การแทรกปุ่มแขร์ 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

         

kanungkanpim

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

macstudioo

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

suttasilo

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

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

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

suttasilo

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

SongSaLueng

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

wongrath

ขอขอบคุณนะครับ