**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
สวยย จุงเบยยย sm954dz นำ Your Like Box plugin code: HTML5มาแทนโค้ดสีที่เน้นไว้ได้เลย ตรงไหนโค๊ดสีที่เน้นไว้
แล้วตรง box เลือกขนาดยัง
[โค้ดเฟสบุคของคุณ]<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>
ใส่แทนตรงนี้ได้เลยค๊ะ *-* หงายเงิบ -..- ขอบคุณsm926dzsm926dzsm926dzsm926dzsm926dz
หน้า:
[1]