Hiện thị Fanpage của Facebook ra trước web/blog với lightbox

Điểm 4.6/5 dựa vào 87 đánh giá

Traidatmui.com – FanPage của facebook chắc hẵn là mọi người đã không còn xa lạ nữa và việc tạo trang fanpage cũng không quá khó khăn. Bạn hiện tại đang có 1 trang fanpage và muốn đặt chúng vào blog hay website của mình nhưng bạn không biết đặt như thế nào để thu hút khách truy cập click Like fanpage của bạn thì mình nghĩ hãy để chúng show ra trước blog hay web là cách hiệu quả. Với thủ thuật này bạn hoàn toàn có thể hiển thị trang fanpage của mình ra trước blog hay web với 1 khoảng thời gian nhất định kèm theo đó là hiệu ứng lightbox. Trang fanpage sẽ hiện ra, làm tối đi những phần khác trên blog hay web của bạn và sẽ trượt xuống khi bạn cuộn chuột xuống cuối trang, cách này sẽ thu hút sự chú ý của người dùng truy cập click Like cho bạn.

Lưu ý: Cách hiện thị như thế có thể gây phiền hà đến người dùng, chính vì thế bạn không nên lạm dụng mà nên đặt thời gian hiện Fanpage cho hợp lý.

Hiện thị Fanpage của Facebook ra trước web/blog với lightbox

» Bắt đầu thủ thuật

1. Đăng nhập vào tài khoản Blogger
2. Vào phần Template (Mẫu)
3. Chọn chỉnh sửa HTML (Edit HTML) >> Chọn Tiếp tục
4. Chèn tiếp code CSS bên dưới vào trước thẻ ]]></b:skin>
#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('https://lh4.googleusercontent.com/-vnc6ePIwZ00/UHFw7M3m-WI/AAAAAAAAAQI/CJMgBx5idxo/s480/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('https://lh4.googleusercontent.com/-vnc6ePIwZ00/UHFw7M3m-WI/AAAAAAAAAQI/CJMgBx5idxo/s480/fancybox.png') -40px 0px;
cursor: pointer;
z-index: 110003;
display: none;
}
5. Chèn tiếp code bên dưới vào trước thẻ </head>
<script src="http://data-traidatmui.appspot.com/scripts/jquery.min.v1.4.1.js" type="text/javascript"></script>
<script src="http://traidatmuidata.appspot.com/scripts/launch.js" type="text/javascript"></script>
<script src="http://traidatmuidata.appspot.com/scripts/scs.js" type="text/javascript"></script>

<script type="text/javascript">/* <![CDATA[ */
var lb_l_ret = {"fb_id":"301202423307434","display_on_post":"1"," show_once":"15","delay":"5000","display_on_page": "","fancybox":"","display_on_homepage":"","faceboo kheader":"","gaevent":"","eam":"","display_on_arch ive":"","hideonlike":""}; /* ]]> */
</script>

- delay":"5000" chính là thời gian hiển thị Fanpage, đơn vị là giây, ở đây 5000 tương ứng là 5 giây.
- Bạn thay id 301202423307434 thành ID trang Fanpage của bạn

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

12 nhận xét

  1. cái này hay đấy nhưng lấy cái số id kiểu gì anh ơi cuoilon

    Trả lờiXóa
  2. đã test delay":"500" cũng hiện mãi ko tắt

    Trả lờiXóa
  3. ak anh có thể viết lại để nó chỉ hiển thị một lần duy nhất tại trang chủ ko anh - rồi về sau nó ko hiển thị nữa một lần duy nhất sau 12 tiếng hoặc có thể là đối với những người đã like thì nó sẽ ko hiển thị hì

    Trả lờiXóa
    Trả lời
    1. Em muốn giảm tần suất xuất hiện thì chỉ cần nâng số delay lên là được em, còn việc đối với người đã click thì không hiển thị để anh test xem đã.:)

      Xóa
  4. sao em chèn cái này vào thì web phim em ngừng chạy slide ở trang chủ nhỉ

    Trả lờiXóa
    Trả lời
    1. Cái này có dùng JQuery nên có lẻ xung đột với jquery có sẵn trong temp của e. Nếu trong temp của em đã có file jquery.min thì không cần thêm jquery.min.v1.4.1.js nữa nhé

      Xóa
  5. cho em hỏi chút tại sao em tăng cái delay thì lần đầu tiên vào nó chẳng hiện gì hihi hay phải đợi 2 tiếng nó mới hiện

    Trả lờiXóa
    Trả lời
    1. Đúng rồi em, thời gian đó tính từ lúc load trang đó e, ví du: delay la 5000 tức là sau khi load trang 5 giây fanpage sẽ hiện ra.

      Xóa
    2. e ghét cái quảng cáo ở trang của anh làm khó chịu quá - em muốn hỏi nó hiện ra từ lần đầu đến lần tiếp theo thì sửa chỗ nào anh - vì như vậy thì mới tiện chứ - ko họ nhấn like rồi cú mỗi lần load lại trang lại hiện ra - mỗi lần xem tin lại hiện khó chịu lắm

      Xóa
  6. Code này khá hay nhưng delay chưa ổn. Bạn cần đặt thời gian đợi như bên mình như thế hay hơn. Với lại nên bỏ nút close đi vì người dùng sẽ ít khi chịu click like mà chỉ tắt cho nhanh ! Bên mình đang dùng kiểu này rất tiện, chỉ cần người dùng đã click like thì cookie lưu lại và không hiển thị box với người đó nữa battay

    Trả lờiXóa
  7. votay duyệt .hay lắm
    blog : http://rapbyrap.blogspot.com/

    Trả lờiXóa
  8. Facebook đang bị chặn. Cũng muốn thêm fanpage lắm mà nhiều khi mở lên thấy một ô lỗi to đùng. Gét kinh luôn

    Trả lờiXóa