 |
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.
» 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>
- 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!
Thủ thuật: Tự động tóm tắt bài viết với ảnh thumbnail cho Blogspot - Bản mới nhất Hiển thị bài viết dạng lật trang cho Blogspot Thủ thuật tạo tiện ích video liên quan (Related videos) cho Blogspot Tạo bức màn đóng mở cho Blogspot bằng jQuery Bản hoàn thiện - Thủ thuật tạo bài viết giống trang dantri.com.vn
» 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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_sSFiwpEqaMoKMLr4dDvVFo2PSUzTYpvMO8QjnzCp08VdzcYvuk_4QCaX1vSpcF5XYM42Lxl_Cx3yo89jok4ggRKSxXyHO1wHWWMi9K6IF-9RgYLPDsxrtdPi-Vr8s4ahEQgDeZ9AxyFk/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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_sSFiwpEqaMoKMLr4dDvVFo2PSUzTYpvMO8QjnzCp08VdzcYvuk_4QCaX1vSpcF5XYM42Lxl_Cx3yo89jok4ggRKSxXyHO1wHWWMi9K6IF-9RgYLPDsxrtdPi-Vr8s4ahEQgDeZ9AxyFk/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>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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_sSFiwpEqaMoKMLr4dDvVFo2PSUzTYpvMO8QjnzCp08VdzcYvuk_4QCaX1vSpcF5XYM42Lxl_Cx3yo89jok4ggRKSxXyHO1wHWWMi9K6IF-9RgYLPDsxrtdPi-Vr8s4ahEQgDeZ9AxyFk/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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_sSFiwpEqaMoKMLr4dDvVFo2PSUzTYpvMO8QjnzCp08VdzcYvuk_4QCaX1vSpcF5XYM42Lxl_Cx3yo89jok4ggRKSxXyHO1wHWWMi9K6IF-9RgYLPDsxrtdPi-Vr8s4ahEQgDeZ9AxyFk/s480/fancybox.png') -40px 0px;
cursor: pointer;
z-index: 110003;
display: none;
}
<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>
<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!