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

suttasilo

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

1. <!--{hook/viewthread_useraction}-->
   
2.                                     </div>

คัดลอกไปที่คลิปบอร์ด

เพิ่มโค๊ดนี้ต่อด้านล่าง </div> (โค้ดด้านบนเป็นโค้ดของรูปภาพ"กรุณาตอบกระทู้แสดงความคิดเห็นเพื่อเป็นกำลังใจผู้จัดทำ")

1.     <table width="100%" style="table-layout:fixed;"><tr><td>
   
2.                                             <img src="static/image/watbangkhli.png" 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. 
    
20.    <script type="text/javascript">stLight.options({publisher:
    
21. "6b829061-74ff-4b31-a128-2818cf4fa44e", doNotHash: false, doNotCopy:
    
22. false, hashAddressBar: false});</script>
    
23.                                     </div>

คัดลอกไปที่คลิปบอร์ด

ทำการ save ไฟล์ viewthread_node.htm แล้วอัพไฟล์ไปไว้ที่โฮสต์ template/default/forum/viewthread_node.htm   
ผลลัพธ์ที่ได้ดังรูป

ถ้าใส่เฉพาะปุ่มแขร์ socail media (facebook, google+ฯลฯ) ใส่เฉพาะโค้ดนี้

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. 
    
15.    <script type="text/javascript">stLight.options({publisher:
    
16. "6b829061-74ff-4b31-a128-2818cf4fa44e", doNotHash: false, doNotCopy:
    
17. false, hashAddressBar: false});</script>
    
18.     </div>
    

คัดลอกไปที่คลิปบอร์ด

ทำการ save ไฟล์ viewthread_node.htm แล้วอัพไฟล์ไปไว้ที่โฮสต์ template/default/forum/viewthread_node.htm   
ผลลัพธ์ที่ได้ดังรูป

          ถ้าตัวหนังสือผู้ให้ย่อมเป็นที่รักของผู้ถูกให้: เป็นภาษา ������������繷���ѡ�ͧ����١���: ดังรูป

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

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

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

birdboom

น่าลองทำฮะ