แทรกปุ่มแชร์ socail media (ShareThis)ด้านข้าง

suttasilo

          คราวที่แล้วได้แนะการแทรกปุ่มแขร์ socail media (ShareThis)ในกระทู้  วันนี้แนะนำแทรกปุ่มแขร์ socail media (ShareThis)ด้านข้าง โดยไปเอาโค้ดจากเว็บ ShareThis
          ไปที่สกิน default\common เปิดไฟล์ header.htm
หาโค้ด

1. </head>

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

นำโค้ดนี้ไปต่อด้านล่าง  จากนั้น save ไฟล์ header.htm แล้วอัพไฟล์ header.htm ไปไว้ที่โฮสต์ default/common/header.htm

1.     <script type="text/javascript">var switchTo5x=true;</script>
   
2.     <script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
   
3.     <script type="text/javascript" src="http://s.sharethis.com/loader.js"></script>

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

         ไปที่สกิน default\common เปิดไฟล์ footer.htm แล้วอัพไฟล์ footer.htm ไปไว้ที่โฮสต์ default/common/footer.htm
หาโค้ด

1. </body>

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

นำโค้ดนี้ไปต่อด้านล่าง จากนั้น save ไฟล์ footer.htm

1.     <script type="text/javascript">stLight.options({publisher: "6b829061-74ff-4b31-a128-2818cf4fa44e", doNotHash: false, doNotCopy: false, hashAddressBar: false});</script>
   
2.     <script>
   
3.     var options={ "publisher": "6b829061-74ff-4b31-a128-2818cf4fa44e", "position": <font color="Red">"left"</font>, "ad": { "visible": false, "openDelay": 5, "closeDelay": 0}, "chicklets": { "items": ["facebook", "twitter", "googleplus", "blogger", "email", "sharethis"]}};
   
4.     var st_hover_widget = new sharethis.widgets.hoverbuttons(options);
   
5.     </script>

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

หากต้องการให้อยู่ด้านขวาให้เปลี่ยน "left" เป็น "right"
ผลลัพธ์ดังรูป