Discuz Thai

 ลืมรหัสผ่าน
 สมัครสมาชิก

ข้อตกลงการใช้งานกระดานข่าวดิสคัสไทย DiscuzThai Agreement (English Version) ประกาศดิสคัสไทย - ทำเนียบดิสคัสภาษาไทย

Discuz! X3.4 Thai R20220811 (REV.75) ระบบเว็บบอร์ดที่ครบครัน (ไม่ได้เป็นสมาชิกก็โหลดได้) ดาวน์โหลด Discuz! X3.4 ภาษาไทยล่าสุดที่นี่

ลงทะเบียนความสนใจ Discuz! X3.5 Alpha ภาษาไทย เปิดระบบ Verified Account - ระบบยืนยันตัวตน LINE OPENCHAT Discuz! Thai (แชทสดกับทีมงาน)

ค้นหา
แท็กยอดนิยม: ดิสคัสภาษาไทย Discuz Thai
ดู: 3599|ตอบกลับ: 5

[x2.5] **facebook_slide_likebox** / ฝั่งขวา

  [คัดลอกลิงก์]
AnGelNiGhT โพสต์ 2013-1-23 18:10:39 |โหมดอ่าน
แก้ไขครั้งสุดท้ายโดย AnGelNiGhT เมื่อ 2013-1-23 23:46



ขั้นตอนแรก ไปที่ 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. .slide_text {
  15.         font-family: Geneva, Verdana, sans-serif;
  16.         font-size: 8px;
  17.         padding-left: 10px;
  18.         text-decoration: none;
  19.         color: #FFF;
  20. }       
  21.             </style>

  22. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  23.         <script type="text/javascript">
  24.                 jQuery.noConflict();
  25.                         jQuery(function (){
  26.                                 jQuery(".slide_likebox").hover(function(){
  27.                                 jQuery(".slide_likebox").stop(true, false).animate({right:"0"},"medium");
  28.                                 },function(){
  29.                                         jQuery(".slide_likebox").stop(true, false).animate({right:"-205"},"medium");
  30.                                         },500);
  31.                         return false;
  32.                 });
  33.         </script>
  34.     <div class="slide_likebox">
  35.     <div style="color: rgb(255, 255, 255); padding: 8px 5px 0pt 50px;">
  36.                                 <div class="FB_Loader">


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

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

  46. </div></div></div>

คัดลอกไปที่คลิปบอร์ด
แล้วเข้าไปที่  https://developers.facebook.com/docs/reference/plugins/like-box/

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

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

   

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

  

ขออภัย! โพสต์นี้มีไฟล์แนบหรือรูปภาพที่ไม่ได้รับอนุญาตให้คุณเข้าถึง

คุณจำเป็นต้อง ลงชื่อเข้าใช้ เพื่อดาวน์โหลดหรือดูไฟล์แนบนี้ คุณยังไม่มีบัญชีใช่ไหม? สมัครสมาชิก

x

คะแนน

จำนวนผู้เข้าร่วม 4จิตพิศัย +4 ย่อ เหตุผล
kaknoi + 1 เนื้อหาดีมีสาระ.
orenavava + 1 โดนใจให้ทิป
DoopDip + 1 โดนใจให้ทิป
likebot + 1 จะบวกๆ AnimeUTD กิ๊ว ๆ - -*.

ดูบันทึกคะแนน

likebot โพสต์ 2013-1-24 21:42:37
สวยย จุงเบยยย
djnon2499 โพสต์ 2013-1-25 21:03:19
นำ Your Like Box plugin code: HTML5  มาแทนโค้ดสีที่เน้นไว้ได้เลย    ตรงไหนโค๊ดสีที่เน้นไว้
แล้วตรง box เลือกขนาดยัง  
 เจ้าของ| AnGelNiGhT โพสต์ 2013-1-25 21:09:30

[โค้ดเฟสบุคของคุณ]<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 โพสต์ 2013-1-25 22:05:55
*-* หงายเงิบ -..-
bomlovekk โพสต์ 2013-1-27 22:41:30
ขอบคุณ

ขออภัย! โพสต์นี้มีไฟล์แนบหรือรูปภาพที่ไม่ได้รับอนุญาตให้คุณเข้าถึง

คุณจำเป็นต้อง ลงชื่อเข้าใช้ เพื่อดาวน์โหลดหรือดูไฟล์แนบนี้ คุณยังไม่มีบัญชีใช่ไหม? สมัครสมาชิก

x
ขออภัย! คุณไม่ได้รับสิทธิ์ในการดำเนินการในส่วนนี้ กรุณาเลือกอย่างใดอย่างหนึ่ง ลงชื่อเข้าใช้ | สมัครสมาชิก

รายละเอียดเครดิต

รายชื่อผู้กระทำผิด|Archiver|ดิสคัส ไทย Follow us: Become a fan on facebook. Follow us on Twitter.

GMT+7, 2022-10-1 12:41

Powered by Discuz! X3.4, Rev.66

Copyright © 2001-2021 Tencent Cloud. Licensed

ตอบกระทู้ ขึ้นไปด้านบน ไปที่หน้ารายการกระทู้