Thứ Tư, 3 tháng 7, 2013

Code Popup hiển thị likebox của Fanpage facebook trên Website / Blog

Nguồn: @ NASS

Bạn muốn tăng like cho fanpage của bạn.Bạn có 1 fanpage Facebook, và 1 website. Bạn muốn chèn 1 Popup dạng giống như trang này http://root.vn/ vào trong website của bạn.

Rất đơn giản chỉ trong 1 phút. Bạn hãy làm theo 3 bước sau nhé.

Bước 1 : Chèn đoạn code CSS này vào file "*.css" bất kỳ trong thư mục CSS website của bạn.




Code:


/* CSS Document */

#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
cursor: pointer;
overflow: hidden;
z-index: 110004;
display: none;
}
#fancybox-loading div {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 480px;
background-image: url('http://root.vn/img/fancybox.png');
}
#fancybox-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 110000;
display: none;
}
#fancybox-tmp {
padding: 0;
margin: 0;
border: 0;
overflow: auto;
display: none;
}
#fancybox-wrap {
position: absolute;
top: 0;
left: 0;
padding: 20px;
z-index: 110001;
outline: none;
display: none;
}
#fancybox-outer {
position: relative;
width: 100%;
height: 100%;
background: #fff;
border: 3px dashed #ccc;
}
#fancybox-close {
position: absolute;
top: -15px;
right: -15px;
width: 30px;
height: 30px;
background: transparent url('http://www.root.vn/img/fancybox.png') -40px 0px;
cursor: pointer;
z-index: 110003;
display: none;
}

Bước 2 : Chèn đoạn Script dưới đây trước thẻ </html> trong website của bạn.




Code:


<!--popup box like Facebook-->
<script src="http://root.vn/js/sl_kenny.js" type="text/javascript"></script>
<script src="http://root.vn/js/launch.js" type="text/javascript"></script>
<script src="http://root.vn/js/scs.js" type="text/javascript"></script>
<script type="text/javascript">/* <![CDATA[ */
var lb_l_ret = {"fb_id":"132027046921715","display_on_post":"1"," show_once":"15","delay":"2000","display_on_page": "","fancybox":"","display_on_homepage":"","faceboo kheader":"","gaevent":"","eam":"","display_on_arch ive":"","hideonlike":""}; /* ]]> */
</script>
<!--End popup box like Facebook-->

Bước 3 : Sửa lại ID của fanpage facebook của bạn tại dòng "fb_id":"132027046921715 "



Done ! Chúc các bạn thành công nhé !

Đăng ký: Viet Blogs

Nguồn tin

0 nhận xét:

Đăng nhận xét

Nguồn Tin Mới