ท่านใดทำปุ่ม Facebook ด้านข้างแบบนี้เป็นบ้างครับ

exesiden

ปุ่มนี้จะอยู่ด้านข้างเว็บไซต์ครับ จะเห็นเป็นรูปปุ่ม Facebook อย่างเดียว

แต่พอนำเมาส์ไปชี้ที่ปุ่ม ปุ่มนี้จะมี Facebook เลื่อนออกมาครับ

ตัวอย่าง http://www.youtalen.com ผมเห็นมาจากเว็บนี้ครับ (ไม่ได้มีเจตนาโฆณาเว็บแต่อย่างใด และขอยืมเว็บมาเป็นตัวอย่างนะครับ)

ท่านใดทราบช่วยแนะนำหน่อยนะครับ (จะบวกจิพิสัยให้ทุกคอมเม้นนะครับ)

exesiden

ขอบคุณมากครับ

StaFF_PiRcH

มีแจกใน http://Design.Youtalen.com/webboard ครับ

เดี๋ยวหลังจากเดือน มกรา กุมภา จะเข้าไปอัพเดทบทความ สคริปและ สิ่งเอื้ออำนวยต่อ SEO นะฮาฟฟ

[PM มาถามกันตรง ๆ ก็ได้ครับถ้าอันไหนพอจะให้ได้ก็ให้ครับผม]

แก้ไขโพสเพิ่มเติมสำหรับท่านที่เข้ามากระทู้นี้ผมได้ทำการแก้ไขโพสนี้ในวันที่ 13 / 10 / 2558
เพื่อเป็นองค์ความรู้แก่สมาชิกหลาย ๆ ท่านสืบไป เนื่องจากเว็บ Youtalen.com ของผมได้ทำการปิดตัวลงแล้ว :3
สามารถ Copy โค้ดด้านล่างไปวางไว้ยังจุดต่าง ๆ อาทิ ตัวเก็บโค้ดสถิติ เป็นต้น :]


*** แก้ไข โลโก้ facebook ได้ตรง >> {background: url(url icon อย่าลืมเปลี่ยนนะครับ เช่น http://www.dz.com/fb_icon.png)

1. <style type="text/css">
   
2.                 #FBSlideLikeBox_left {background: url(url icon อย่าลืมเปลี่ยนนะครับ) 292px 0 no-repeat; float: left; height: 70px; position: fixed; left: -292px; padding-right: 60px; top: 20%; width: 292px; z-index: 2000;}
   
3.                 #FBSlideLikeBox_left #FBSlideLikeBox3_left {height: 590px; right: 0; position: absolute; border: 1px solid #3B5998; width: 292px; background: #f8f8f8;}
   
4.                 #FBSlideLikeBox_right {background: url(url icon อย่าลืมเปลี่ยนนะครับ) 0 0 no-repeat; float: right; height: 70px; position: fixed; right: -292px; padding-left: 60px; top: 20%; width: 292px; z-index: 2000;}
   
5.                 #FBSlideLikeBox_right #FBSlideLikeBox3_right {height: 590px; left: 0; position: absolute; border: 1px solid #3B5998; width: 292px; background: #f8f8f8;}
   
6.                 #FBSlideLikeBox_left #FBSlideLikeBox2_left {position: relative; clear: both; width: auto;}
   
7.         </style>
   
8. <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.js"></script>
   
9.         <script type="text/javascript">
   
10.                 var $fb = jQuery.noConflict();
    
11.                 $fb(document).ready(
    
12.                         function()
    
13.                         {
    
14.                                 $fb("#FBSlideLikeBox_left").mouseenter(function()
    
15.                         {
    
16.                                 $fb(this).stop().animate({left: 0}, "normal");
    
17.                         }).mouseleave(function()
    
18.                         {
    
19.                                 $fb(this).stop().animate({left: -292}, "normal");
    
20.                         });;
    
21. 
    
22.                         });
    
23.         </script>
    
24. 
    
25. 
    
26. <div id="FBSlideLikeBox_left">
    
27.                     <div id="FBSlideLikeBox2_left">
    
28.                             <div id="FBSlideLikeBox3_left">
    
29.                                                 <iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/Worldgameth/&amp;width=292&amp;colorscheme=light&amp;show_faces=true&amp;border_color=ffffff&amp;stream=true&amp;header=true&amp;height=590" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:590px;" allowTransparency="true"></iframe>
    
30.                                         </div>
    
31.                                 </div></div>

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

charmans

เอาโค้ดไปใส่ตรงไหนเหรอครับ

komphet5139

charmans ตอบกลับเมื่อ 2013-2-13 18:20
เอาโค้ดไปใส่ตรงไหนเหรอครับ

โค้ดใส่ที่ DIV ในหน้าเว็บได้เลยครับ

megustaro

popiazaza ตอบกลับเมื่อ 2012-12-3 16:57
***facebookbutton*** ให้ดาวน์โหลดจาก  มาใส้โฮสต์ตัวเองแล้วใส่ ...

ไม่ทราบว่าตรง ***facebookbutton***  ต้องใส่ แบบใหนครับ แล้วเอาไฟล์ไว้ที่ใหนอะครับ อันนี้ผมลองมั่วๆดูมาหลายวันแล้วแหะแต่ไม่ถูกสักที

megustaro

popiazaza ตอบกลับเมื่อ 2013-9-28 13:26
ใส่ลิ้งภาพ

แบบนี้ใช่ใหมครับ static/image/common/buttonfacebook.png

หรือต้องใส่ แบบเต็ม http://www.domain.com/static/image/common/buttonfacebook.png