24-03-2015
DEMO hình ảnh:

Đầu tiên các bạn dán code này thêm vào css đang dùng, thêm vào cuối css cho nhanh nha.

.slide_likebox { float: right; width: 247px; height: 385px; background: url(http://forlam.wap.sh/css/img/bg_fb.png) no-repeat!important; display: block; color: #fff; right: -205px; padding: 0; position: fixed; top: 15%; z-index: 1002; }

Sau đó là code này, chèn vào footer wap cho dễ quản lí

<!----Code FanPage by Tèo----> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.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-205;},500);return false;}); </script> <div class="slide_likebox" style="right: -205px; "><div style="color: rgb(255, 255, 255); padding: 8px 5px 0pt 50px;"> <span class="slide_text"><iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/ForLam.Wap.Sh&width=198&colorscheme=light&show_faces=true&stream=false&header=false&height=368" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:198px; height:368px;" allowtransparency="true"></iframe></span></div></div>

Khung like sẽ chạy theo thanh trượt của web nhé