AnGelNiGhT โพสต์ 2013-1-23 18:10:39

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

แก้ไขครั้งสุดท้ายโดย AnGelNiGhT เมื่อ 2013-1-23 23:46



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


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


แล้วนำโค้ตไปใส่ใน HTML    <style type="text/css">
.slide_likebox {
        float:right;
        width:247px;
        height:572px;
        background: url(/images/fbslide3.png) no-repeat !important;
        display:block;
        right:-205px;
        padding:0;
        position:fixed;
        top: 170px;
        z-index:1002;
}

.slide_text {
        font-family: Geneva, Verdana, sans-serif;
        font-size: 8px;
        padding-left: 10px;
        text-decoration: none;
        color: #FFF;
}       
            </style>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
        <script type="text/javascript">
                jQuery.noConflict();
                        jQuery(function (){
                                jQuery(".slide_likebox").hover(function(){
                                jQuery(".slide_likebox").stop(true, false).animate({right:"0"},"medium");
                                },function(){
                                        jQuery(".slide_likebox").stop(true, false).animate({right:"-205"},"medium");
                                        },500);
                        return false;
                });
        </script>
    <div class="slide_likebox">
    <div style="color: rgb(255, 255, 255); padding: 8px 5px 0pt 50px;">
                              <div class="FB_Loader">


[โค้ดเฟสบุคของคุณ]<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s);
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>

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

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

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

   

http://www.image24hr.com/upload/global/12-21/insg2hw9.gif ผิดพลาดประการใดขออภัยด้วย เพิ่งหัดทำค่ะ http://www.image24hr.com/upload/global/12-21/insg2hw9.gif


likebot โพสต์ 2013-1-24 21:42:37

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

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);
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

ขอบคุณsm926dzsm926dzsm926dzsm926dzsm926dz
หน้า: [1]
ดูในรูปแบบกติ: **facebook_slide_likebox** / ฝั่งขวา