Thứ Ba, 30 tháng 7, 2013

Cách tạo Popup Likebox Fanpage Facebook cho Website/Blog

Cách tạo Popup hiển thị Like box Fanpage Facebook cho Website - Blogspot
Cách tạo Popup hiển thị Like box Fanpage Facebook cho Website / Blogspot . Cách tạo Popup hiển thị Like box Fanpage Facebook cho Website - Blogspot  khi vào website blogspot. Code Popup hiển thị likebox của Fanpage facebook trên Website - Blogspot

Bài viết bạn có thể quan tâm:

Cách chèn Like Fanpage Facebook vào website - Blogsspot ở vị trí nhất định
Cách tăng like Fanpage Facebook - Code Auto Like

Bạn muốn Popup hiển thị Like box Fanpage Facebook cho Website - Blogspot  khi có người truy cập website blogspot của bạn. Sau đây mình xin hướng dẫn các bạn cách tạo Popup hiển thị Like box Fanpage Facebook cho Website - Blogspot  , popup này sẽ xuất hiện  ngay trước blog - website  của bạn với 1 khoảng thời gian định trước 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/web của bạn và sẽ trượt xuống khi bạn kéo thanh cuộn, cách này sẽ thu hút sự chú ý của người dùng truy cập click Like cho bạn. Các bạn hãy thực hiện theo các bước dưới đây :

Cách tạo Popup hiển thị Like box Fanpage Facebook cho Website - Blogspot

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. (Đối với blogspot bạn chèn đoạn 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/AVvXsEjPN_g-wtHxnwo92Hz9hrbE5Ttu-x_pUSKTUdUGwDdYCuswtZARuySYWyuqszl9OhURjvYPLJ0P05FtDfr7N2V7mhvTYVq2UndHgEXIDMvIrRfRuFZxhMVkgGSrgOUMFZQoi1QiMUC1Q8AS/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/AVvXsEjPN_g-wtHxnwo92Hz9hrbE5Ttu-x_pUSKTUdUGwDdYCuswtZARuySYWyuqszl9OhURjvYPLJ0P05FtDfr7N2V7mhvTYVq2UndHgEXIDMvIrRfRuFZxhMVkgGSrgOUMFZQoi1QiMUC1Q8AS/s480/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.


<!--popup box like Facebook--> 
<script src="https://dl.dropboxusercontent.com/u/95745796/Popuplikebox/launch.js" type="text/javascript"></script> 
<script src="https://dl.dropboxusercontent.com/u/95745796/Popuplikebox/scs.js" type="text/javascript"></script> 
<script src="https://dl.dropboxusercontent.com/u/95745796/Popuplikebox/sl_kenny.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"

Bạn lấy id bằng cách này nhé: Bạn vào Fanpage của bạn => Chỉnh sửa thiết đặt

Cách tạo Popup hiển thị Like box Fanpage Facebook cho Website - Blogspot


Sau đó bạn để ý đến link web hiện tại bạn sẽ thấy phần ID ở đó

Cách tạo Popup hiển thị Like box Fanpage Facebook cho Website - Blogspot


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

Socializer Widget By Blogger Yard
SOCIALIZE IT →
FOLLOW US →
SHARE IT →

0 nhận xét:

Đăng nhận xét

Labels

Adult English Ảnh Ảnh Bìa Facebook Ảnh đẹp Ảnh vui Animation Art + Design ẨM THỰC bag Bài viết Bảng Giá Bé tô màu Blogger Blogspot books Búp bê CAPTCHA Cắm hoa Cắt may Chơi mà học Clip Hài - Video Hot Clip Shock Có Thể Bạn Chưa Biết Coloring - Tô màu Cuộc sống Dịch Vụ Hot Doll Download Download Game Download Phần Mềm - Crack Download Phim Đ Đan len Đất nặn cho bé Địa Điểm Hot English Topics facebook Funny funny pictures Gấp giấy Gấp hộp Gấp khăn - Trang trí món ăn Giải Trí GIẢI TRÍ - VUI CƯỜI GIÁO DỤC - Y TẾ Giầy - Dép Gifts Giới Tính Góc Kỹ Năng Góc Làm Đẹp Góc Phụ Nữ Góc Sinh Viên Gói quà - gấp nơ Google Adsense hat Học Nấu Ăn Hỏi Đáp home and garden Hợp Tác Kinh Doanh Hướng dẫn MMO Kết hạt Kiếm tiền Kiếm Tiền Qua Mạng Kiến thức SEO KINH TẾ-KẾ HOẠCH Kỹ Năng Bán Hàng Kỹ Năng Nơi Công Sở Kỹ Năng Xin Việc LÀM ĐẸP Làm Đẹp Da Làm Đẹp Tóc Làm đồ chơi làm đồ chơi từ gỗ Làm hoa giấy Làm hoa vải Làm thiệp Lập trình Blogspot Liên Minh Huyền Thoại M Magazine Make Money Online making flowers Mặc Đẹp Mẫu móc Mẹ Và Bé Menu Mẹo Vặt MMO guide N Nail art Nến trang trí Nghệ thuật NGHIỆP VỤ BÁO CHÍ Nhà đẹp Nhạc Không Lời Nhạc Việt Origrami Painting - Vẽ Patchwork Phần mềm Phong Cách Play and learn for baby Proofs recycling Sách tiếng anh cho bé Shop Bít Tuốt Slider Sức Khỏe - Đời Sống Sức Khỏe Giới Tính Tết dây Thêu Thơ Vui Thủ thuật Thủ Thuật Blog Thủ Thuật Blogspot - Wordpress - Joomla Thủ Thuật Game Thủ Thuật Hay Thủ Thuật Máy Tính Thủ Thuật Net Thủ Thuật Tin Học Thư giãn Tình Yêu Giới Tính Tóc đẹp TRANG ĐIỂM Trang trí Truyện cười Truyện Hay Túi xinh Tuyển Dụng Từ điển Blogspot Tư Vấn Tiêu Dùng weaving Widget Blogspot Youtube