**facebook_slide_likebox** / ฝั่งขวา

AnGelNiGhT

ขั้นตอนแรก ไปที่ admincp - เพิ่มเติม-โฆษณา - เลือกรูปแบบลอยในหน้าต่าง ๆ  


Position: Right
Close advertising link: Hide
รูปแบบการแสดงผล: โค้ด


แล้วนำโค้ตไปใส่ใน HTML

1.     <style type="text/css">
   
2. .slide_likebox {
   
3.         float:right;
   
4.         width:247px;
   
5.         height:572px;
   
6.         background: url(/images/fbslide3.png) no-repeat !important;
   
7.         display:block;
   
8.         right:-205px;
   
9.         padding:0;
   
10.         position:fixed;
    
11.         top: 170px;
    
12.         z-index:1002;
    
13. }
    
14. 
    
15. .slide_text {
    
16.         font-family: Geneva, Verdana, sans-serif;
    
17.         font-size: 8px;
    
18.         padding-left: 10px;
    
19.         text-decoration: none;
    
20.         color: #FFF;
    
21. }       
    
22.             </style>
    
23. 
    
24. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    
25.         <script type="text/javascript">
    
26.                 jQuery.noConflict();
    
27.                         jQuery(function (){
    
28.                                 jQuery(".slide_likebox").hover(function(){
    
29.                                 jQuery(".slide_likebox").stop(true, false).animate({right:"0"},"medium");
    
30.                                 },function(){
    
31.                                         jQuery(".slide_likebox").stop(true, false).animate({right:"-205"},"medium");
    
32.                                         },500);
    
33.                         return false;
    
34.                 });
    
35.         </script>
    
36.     <div class="slide_likebox">
    
37.     <div style="color: rgb(255, 255, 255); padding: 8px 5px 0pt 50px;">
    
38.                                 <div class="FB_Loader">
    
39. 
    
40. 
    
41. [โค้ดเฟสบุคของคุณ]<div id="fb-root"></div>
    
42. <script>(function(d, s, id) {
    
43.   var js, fjs = d.getElementsByTagName(s)[0];
    
44.   if (d.getElementById(id)) return;
    
45.   js = d.createElement(s); js.id = id;
    
46.   js.src = "//connect.facebook.net/th_TH/all.js#xfbml=1&appId=00000000000000000";
    
47.   fjs.parentNode.insertBefore(js, fjs);
    
48. }(document, 'script', 'facebook-jssdk'));</script>
    
49. 
    
50. <div class="fb-like-box" data- data-width="247" data-show-faces="true" data-stream="true" data-header="true"></div>
    
51. 
    
52. </div></div></div>
    
53. 
    

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

แล้วเข้าไปที่  https://developers.facebook.com/docs/reference/plugins/like-box/

นำ Your Like Box plugin code: HTML5  มาแทนโค้ดสีที่เน้นไว้ได้เลย

รูปภาพสามารถนำเอาไปแต่งเพิ่มเติมได้ค่ะ

   

ผิดพลาดประการใดขออภัยด้วย เพิ่งหัดทำค่ะ

  

likebot

สวยย จุงเบยยย

djnon2499

นำ Your Like Box plugin code: HTML5  มาแทนโค้ดสีที่เน้นไว้ได้เลย    ตรงไหนโค๊ดสีที่เน้นไว้
แล้วตรง box เลือกขนาดยัง  

AnGelNiGhT

[โค้ดเฟสบุคของคุณ]<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/th_TH/all.js#xfbml=1&appId=00000000000000000";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-like-box" data- data-width="247" data-show-faces="true" data-stream="true" data-header="true"></div>

</div></div></div>

ใส่แทนตรงนี้ได้เลยค๊ะ

haritprince

*-* หงายเงิบ -..-

bomlovekk

ขอบคุณ