แจก java Script Like box ด้านข้าง สวยงาม ^_

เอามากจาก Dizcuz ไทยแก้แล้วนิดหน่อยนะครับ สำหรับบอร์ด dizcuz หรือใครจะนำไปประยุกย์ก็ตามสบายเลยนะครับ

โค๊ด:

<style type="text/css">
#FBSlideLikeBox_left {background: url("http://i1103.photobucket.com/albums/g478/Noppadon_Yunusing/like_zpsd3231f0f.png") 292px 0 no-repeat; float: left; height: 500px; position: fixed; left: -292px; padding-right: 60px; top: 10%; width: 292px; z-index: 2000;}
#FBSlideLikeBox_left #FBSlideLikeBox3_left {height: 590px; right: 0; position: absolute; border: 3px solid #3B5998; width: 292px; background: #f8f8f8;}
#FBSlideLikeBox_right {background: url(-ที่อยู่รูปภาพ-ไม่จำเป็น) 0 0 no-repeat; float: right; height: 70px; position: fixed; right: -292px; padding-left: 60px; top: 20%; width: 292px; z-index: 2000;}
#FBSlideLikeBox_right #FBSlideLikeBox3_right {height: 590px; left: 0; position: absolute; border: 3px solid #3B5998; width: 292px; background: #f8f8f8;}
#FBSlideLikeBox_left #FBSlideLikeBox2_left {position: relative; clear: both; width: auto;}
</style>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.js"></script>
<script type="text/javascript">
var $fb = jQuery.noConflict();
$fb(document).ready(
function()
{
$fb("#FBSlideLikeBox_left").mouseenter(function()
{
$fb(this).stop().animate({left: 0}, "normal");
}).mouseleave(function()
{
$fb(this).stop().animate({left: -292}, "normal");
});;
});
</script>
<div id="FBSlideLikeBox_left">
<div id="FBSlideLikeBox2_left">
<div id="FBSlideLikeBox3_left">
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/โฟนค่ะ-หาเพื่อนโฟน-เสียว-Sexphone/594186723940910&amp;width=292&amp;height=290&amp;show_faces=true&amp;colorscheme=light&amp;stream=false&amp;border_color&amp;header=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:290px;" allowTransparency="true"></iframe></div></div></div>

บรรทัดสุดท้าย ที่ 26 คือ code ifram ของ FB ท่านะครับ สามารถทำได้จากที่นี้ https://developers.facebook.co...cs/reference/plugins/like-box/

ส่วนบรรทัดแรก ตรงลิ้ง http://i1103.photobucket.com/a..._Yunusing/like_zpsd3231f0f.png

คือรูปตรงนี้นะครับ สามารถไปแก้ไขเองได้ เป็นไฟล์ png

กำหนดความสูงตรง height: 500px ครับผม
สำหรับบอร์ดดิสคัสนำไปใส่ส่วน โฆษณา ลอยในหน้าต่างๆ วางไปโค๊ดลงไปเป็นอันเส็จครับ

รีวิวครับ

ก่อนเอาเมาส์ไปโดน

หลังเอาเมาส์ไปโดน