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

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!

Xem khác cùng chủ đề

12 nhận xét | Viết lời bình

10/12/2012 02:37:00 SA Trả lời

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

10/12/2012 03:08:00 SA Trả lời

đã test delay":"500" cũng hiện mãi ko tắt

10/12/2012 03:14:00 SA Trả lời

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ì

Admin
10/12/2012 06:10:00 SA Trả lời

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 đã.:)

10/12/2012 06:13:00 SA Trả lời

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

Admin
10/12/2012 06:17:00 SA Trả lời

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é

10/12/2012 06:26:00 SA Trả lời

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

Admin
10/12/2012 06:35:00 SA Trả lời

Đú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.

10/12/2012 06:43:00 SA Trả lời

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

10/16/2012 08:47:00 SA Trả lời

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

10/29/2012 01:17:00 SA Trả lời

votay duyệt .hay lắm
blog : http://rapbyrap.blogspot.com/

11/23/2012 11:38:00 CH Trả lời

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

Bạn nhập từ: cungly Bạn nhập từ: lleu Bạn nhập từ: kkrong Bạn nhập từ: cuoilon Bạn nhập từ: roile Bạn nhập từ: hehehe Bạn nhập từ: byebye Bạn nhập từ: idontknow Bạn nhập từ: votay more »

Giải pháp bán hàng online Số 1 Việt Nam
Lên đầu trang Xuống cuối trang