Thư viện

Trải nghiệm

Chủ Nhật, tháng 2 24, 2013

Facebook PopUp like box tự đóng với thời gian (ves3)

Hôm nay Namkna chia sẻ một phiên bản khác với các tùy chọn kiểm soát nhiều hơn. Thủ thuật này bao gồm một bộ đếm thời gian tự đóng thay vì bấm nút close thủ công. likebox sẽ hiển thị một button liên kết đến trang Fan Page trên facebook của bạn và một hình ảnh hấp dẫn liên kết vào trang fanpage của bạn, cho phép độc giả của bạn tham gia vào trang fanpage bằng cách nhấn vào nút like hoặc truy cập fanpage của bạn bằng cách nhấp vào hình ảnh. Bạn có thể thiết lập thời gian bao lâu các widget/plugin phải hiển thị trước khi biến mất tự động Box Facebook PopUp tự đóng với Thơi gian!

Chia sẻ:
Facebook PopUp like box tự đóng với thời gian!
Hôm nay Namkna chia sẻ một phiên bản khác với các tùy chọn kiểm soát nhiều hơn. Thủ thuật này bao gồm một bộ đếm thời gian tự đóng thay vì bấm nút close thủ công. likebox sẽ hiển thị một button liên kết đến trang Fan Page trên facebook của bạn và một hình ảnh hấp dẫn liên kết vào trang fanpage của bạn, cho phép độc giả của bạn tham gia vào trang fanpage bằng cách nhấn vào nút like hoặc truy cập fanpage của bạn bằng cách nhấp vào hình ảnh. Bạn có thể thiết lập thời gian bao lâu các widget/plugin phải hiển thị trước khi biến mất tự động.


Bạn cũng có thể cài đặt nó hiển thị ngay lập tức sau khi độc giả truy cập vào trang web của bạn hoặc sau một thời gian quy định. Mã JavaScript này được tạo ra bởi kakiheboh gọi là "LikeBox FB fanpage Pro" và namkna chỉ đơn giản là thay đổi mã để tạo ra nền tảng khác nhau cho các likebox. Việc cài đặt rất dễ dàng chỉ cần làm theo các bước sau. Điều này tương đối tải nhanh hơn so với trước facebook blogger widget chúng ta xuất bản cho đến nay. 

XEM DEMO

Ảnh minh họa:
Facebook PopUp like box tự đóng với thời gian!

THêm  Facebook PopUp Like Box vào blogger!

Lưu ý quan trọng: Tiện ích tự động đóng sau một thời gian định trước, để không gây phản cảm và bực tức cho độc giả đừng nên để thời gian xuất hiện của like box quá lâu. Chỉ nên để tối đa 20 giây. Tất nhiên bạn có thể để lâu hơn tùy ý nhưng coi chừng sẽ bị phản tác dụng và dislike vì làm độc giả phiền lòng.
1- Đăng nhập vào  Blogger
2- Chọn mẫu (Template)
3- Chọn chỉnh sửa HTML HTML (Edit HTML)
4- Dán đoạn code sau vào trước thẻ </body>
<!-- http://namkna.blogspot.com/ Likebox Pro FBFan Code Start -->
<script type='text/javascript'>
//<![CDATA[
KNFBFansPRO='namkna.blogspot'
//]]>
</script>
<style>
#fblikepop{background-color:#fff;display:none;position:fixed;top:200px;_position:absolute; /* hack for IE 8*/width:450px;border:10px solid #900000;z-index:200;-moz-border-radius: 9px;-webkit-border-radius:

9px;margin:0pt;padding:0pt;color:#900000;text-align:left;font-family:arial,sans-serif;font-size:13px;
}
#fblikepop body{background:#FFF none repeat scroll 0%;line-height:1;margin:0pt;height:100%;
}
.fbflush{cursor:pointer;font-size:11px !important;color:#FFF !important;text-decoration:none !important;border:0 !important;
}
#fblikebg{display:none;position:fixed;_position:absolute; /* hack for IE 8*/height:100%;width:100%;top:0;left:0;background:#000000;z-index:100;
}
#fblikepop #closeable{float:right;margin:7px 15px 0 0;
}
#fblikepop h1{background:#900000 none repeat scroll 0 0;border-top:1px solid #900000;border-left:1px solid #900000;border-right:1px solid #900000;color:#FFFFFF !important;font-size:14px !important;font-

weight:normal !important;padding:5px !important;margin:0 !important;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif !important;
}
#fblikepop #actionHolder{height:30px;overflow:hidden;}
#fblikepop #buttonArea{background:#FFFFFF;border-top:1px solid #9000000;padding:10px;minCCCCCCght:50px;
}
#fblikepop #buttonArea a{color:#999999 !important;text-decoration:none !important;border:0 !important;font-size:10px !important;
}
#fblikepop #buttonArea a:hover {color:#900000 !important;text-decoration:none !important;border:0 !important;
}
#fblikepop #popupMessage{font-size:12px !important;font-weight:normal !important;line-height:22px;padding:8px;background:#333 !important;
}
#fblikepop #counter-display{float:right;font-size:11px !important;font-weight:normal !important;margin:5px 0 0 0;text-align:right;line-height:16px;
}
</style>
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js'></script>
<script type='text/javascript' src='http://connect.facebook.net/en_US/all.js#xfbml=1'></script>
<script type='text/javascript' src='http://dl.dropbox.com/u/66256041/popup/namkna.blogspot.con/fbpopup1.js'></script>
<script language='javascript'>
//<![CDATA[
$(document).ready(function(){
$().KNFBFansPRO({
timeout: 30,
wait: 0,
url: 'http://www.facebook.com/namkna.blogspot',
closeable: true });
});
//]]>
</script>
<div id='fbtpdiv'></div>
<!-- http://namkna.blogspot.com/ Likebox Pro FBFan Code End -->

Tùy chỉnh:


  • Thay thế này namkna.blogspot thành tên truy nhập Facebook của bạn. Bạn có thể xem hình dưới để rõ hơn.
    Facebook PopUp like box tự đóng với thời gian!
  • timeout: 30, Popup tự đóng sau 30 giấy, để thay đổi nó chỉ cần chỉnh sửa thời gian chờ: 30 Như mình lưu ý từ đầu thời gian này không nên để quá lâu sẽ ảnh hưởng đến người đọc và phản tác dụng. Hãy khôn khéo trong viecj áp dụng các tiện ích loại này.
  • wait: 0, Các widget xuất hiện ngay lập tức sau khi truy cập.  Nếu bạn muốn nó xuất hiện sau một phút hoặc nhiều hơn chỉnh sửa số: 0. Bạn có thể để like bõ xuất hiện sau kho dộc giả truy cập bài viết khoảng 30 giây. không nên lâu quá vì rất có thể độc giả đã chuyển sang trang khác.
  • Bạn có thể thay đổi màu nền bằng cách chỉnh sửa CSS Code
  • Thay đổi ảnh nền bạn tải file  fbpopup1.js về máy (tại đây hoặc tại đây) sau đó mở lên bằng notepad và tìm file ảnh
    http://4.bp.blogspot.com/-f7zGivKNy0k/USofTKs-MRI/AAAAAAAABKg/q_66T7i8Eew/s1600/fb-namkna-blogspot-com.png 
    - Và thay thế bằng file ảnh của bạn.sau đó Upload lên host riêng để dùng lâu dài nha. )Nếu chưa có host thì có thể xem bài này nha.
  • background:#900000 là màu khung popup.
  • minCCCCCCght:50px; Nếu muốn hiển thị avantar của người đã like đầy đủ bạn sửa lại thành: height:50px; và chỉnh thông số 50 nha.
  • Một số hình ảnh cho bạn chọn. Bấm vào hình để tải về máy Upload lên blog để lấy ảnh nha.
    Facebook PopUp like box tự đóng với thời gian (ves3)
    Facebook PopUp like box tự đóng với thời gian (ves3)
    Facebook PopUp like box tự đóng với thời gian (ves3)
    Facebook PopUp like box tự đóng với thời gian (ves3)

Nếu bạn cần giúp đỡ?:

Các bước hướng dẫn trên tương đối rõ dàng và qua test thử tiện ích hoạt động rất oke mà chưa phát sinh bất cứ sự cố nào. Hãy thêm vào blog của bạn để tăng lượng like cho fanpage Facebook của bạn và tăng lưu lượng truy cập từ facebook vào blog/web của bạn nhiều và nhiều hơn nữa từ mạng lưới thành viên rất đông của mạng xã hội khổng lồ với hơn 800 triệu người đăng ký sử dụng và sẽ còn nhiều hơn trong tương lai. Đừng ngần ngại hãy commnet cho tôi biết nếu bạn cần sự giúp đỡ.

44 nhận xét:

  1. có thể làm cái dạng ads ẩn hiện góc màn hình như namka không ạ

    Trả lờiXóa
    Trả lời
    1. Bạn xem bài này nha: http://namkna.blogspot.com/2011/08/tao-banner-quang-cao-dang-popup.html

      Xóa
  2. nam ơi,sao phần tải file fbpopup1.js về máy (tại đây hoặc tại đây) sao k thấy link tải về,và sau khi tải về thì làm sao up lên đây

    Trả lờiXóa
  3. Anh Namkna ơi. Sao em để thời gian hiện box này lên 60 giây không được. mà để o giây thì hiện ngay. lạ thiệt . em đổi "
    wait: 0," thành "wait: 10,". anh xem giúp em

    Trả lờiXóa
    Trả lời
    1. wait: 0, là xuất hiện ngay:

      wait: 30, là sau 30 giây mới xuất hiện mà em.

      Xóa
  4. có thể làm với các mạng khác ko anh, vk.com hay tweeter

    Trả lờiXóa
    Trả lời
    1. Tất nhiên là được. Tuy nhiên mấy mạng đó việt nam ít người dùng nên anh chưa viết tut. nếu em cần mấy hôm tới anh viết cho.

      Xóa
  5. em muốn tháy cái ảnh này lên mà k dc: mò cả buổi chiều k ra nản
    http://4.bp.blogspot.com/-gpZCPmSaBxA/Ua8SP5HFsBI/AAAAAAAAAWI/KZOVbrX-MSs/s320/600628_157185657795400_303987091_n.png

    Trả lờiXóa
    Trả lời
    1. Bạn tải file js bên dưới về:
      http://dl.dropbox.com/u/66256041/popup/namkna.blogspot.con/fbpopup1.js
      Nếu chưa biết cách tải xem BÀI NÀY

      - sau đó mở fbpopup1.js lên bằng notepad và tìm file ảnh

      http://4.bp.blogspot.com/-f7zGivKNy0k/USofTKs-MRI/AAAAAAAABKg/q_66T7i8Eew/s1600/fb-namkna-blogspot-com.png

      - Và thay thế bằng file ảnh của bạn http://4.bp.blogspot.com/-gpZCPmSaBxA/Ua8SP5HFsBI/AAAAAAAAAWI/KZOVbrX-MSs/s320/600628_157185657795400_303987091_n.png

      Sau đó Upload lên host riêng để dùng lâu dài nha. Nếu chưa có host em có thể dùng host sau: XEM NGAY

      Xóa
    2. Hoặc em có thể xem trả lời ở đây: XEM NGAY

      Xóa
  6. Mình muốn đặt nó trong 1 nhãn được không, mình có nhã Download và muốn like xong thì nó chuyễn sang vao trang chứa nhãn Download của minh

    Trả lờiXóa
  7. anh ad ơi ! em muốn khi like rồi mà popup vẫn không đóng thì làm thế nào hả anh?

    Trả lờiXóa
    Trả lời
    1. Em sửa đoạn:

      closeable: true

      thành:

      closeable: false

      Xóa
  8. anh ơi, nếu muốn pop up chỉ hiện lên 1 lần thì làm thế nào ah?

    Trả lờiXóa
    Trả lời
    1. nếu người \đó like thì nó sẽ không hiện lại đâu.

      Xóa
  9. ok. tks anh, em làm đc rồi :)

    Trả lờiXóa
  10. cái này áp dụng với site trên hosting mà ko phải blogger thì làm thế nào?
    sao mình add vào lúc nhấn nút like nó ko tắt vậy?

    Trả lờiXóa
    Trả lời
    1. Hiện tại code này chưa hỗ trợ với các trang web trên host bạn ak.

      Xóa
  11. Nam ah` cho mình hỏi mình có 2 3 cái fanpage thì làm sao chèn vào 1 lúc cho người ta like lần lượt rùi tắt bạn giúp mình đc k T_T !!!

    Trả lờiXóa
    Trả lời
    1. Bạn áp dụng cho mỗi fanpage một code khác nhau nha. Nhueng như vậy blog của bạn sẽ chậm và thêm nữa sẽ khiến cho độc giả cảm thấy khó chịu và mất dần độc giả của bạn đó.

      Xóa
  12. Mình có ghé qua các blog.thấy họ có code auto like facebook rất hay.nhưng khi mình chèn vào gặp một số vấn đề,Rất mong bạn sẽ dành 1 bài cho auto like facebook cho blogger.

    Trả lờiXóa
    Trả lời
    1. Không hề có code dạng đó đâu bạn ak vì một số nguyên nhân sau: like là plusgin của bên thứ 3 do vậy hkoong thể tác động nếu không can thiệp vào mã nguông của họ. Còn code của bạn nói thực chất là một dạng víu nếu áp dụng thì rất có thể sẽ mất nick face hoặc tài khoản blogger của bạn đó.

      Xóa
  13. bạn ơi cho mình hỏi, mình dùng code này cho vào mả nguồn nukeviet xài được không vậy bạn, nếu muốn xài cho nukeviet thì coder lại như thế nào, bạn giúp mình với

    Trả lờiXóa
    Trả lời
    1. ý bạn là chèn vào trang nukeviet để xài hả. Tất nhiên là được bạn chỉ cần chèn vào trong một tiện ích HTML hoặc trước thẻ < / head > và lưu lại là được mà :)

      Xóa
    2. mình dùng nguyên code này luôn hả bạn, không cần chỉnh sửa gì hả, vì mình ko rành về code lắm

      Xóa
    3. mình sử dụng được rồi, cảm ơn bạn rất nhiều :D

      Xóa
    4. bạn ơi, mình nhấn like rồi nhưng khi vào trong 1 trang khác hay 1 bài viết cụ thể nó lại cứ hiện ra, có cách nào chỉ hiện 1 lần ở trang chủ không vậy bạn

      Xóa
    5. Hiện tại thêm chức năng cookie thì sẽ khắc phục được nhưng nó làm blog chậm đi kinh khủng nên tạm thời mình chưa thêm nó vào code. Một vài hôm nữa mình sẽ post bài khắc phục hoàn thiện lỗi mà bạn nói.

      Xóa
    6. Đúng vậy không cần phải sửa gì chỉ cần như hướng dẫn trong bài viết là oke.

      Xóa
  14. Ko biết Namkna đã có bài viết nào code như này chưa
    "Code PopUp kết hợp like ẩn " tức là có một popup giả khung quảng cáo và có nút x tắt quảng cáo chỉ cần người xem click vào nút x tắt quảng cáo là like page :) mình đăng muốn có 1 code như vậy nhờ Namkna giúp với

    Trả lờiXóa
  15. em muốn thay màu đỏ phía ngoài viền thành màu khác thì phải làm sao đượcn anh

    Trả lờiXóa
    Trả lời
    1. Tìm đoạn này nha em.
      background:#900000

      Anh đã tô màu cam rồi đóa

      Xóa
  16. Nhận xét này đã bị quản trị viên blog xóa.

    Trả lờiXóa
  17. Bạn Namkna cho mình hỏi sao mình chèn code này vào blog của mình thì nó sẽ vô hiệu hóa những hiệu ứng trượt ảnh của các đoạn code javascript khác?

    Có cách nào khắc phục được không ?

    Thanks bạn.

    Trả lờiXóa
  18. Chào anh em muốn hỏi là Mình chỉ muốn hộp xuất hiện 1 lần khi truy cập vào trang chủ có đc không, em thấy code click vào cái gì cũng hiện ra thì không hay lắm. mong anh trả lời cmt của em.
    thiendiaus.blogspot@gmail.com

    Trả lờiXóa
  19. ok cảm ơn anh nha :)
    blogspot của em : http://shareitvietnam.blogspot.com/#

    Trả lờiXóa
  20. Bác up lại cái fbpupup.js giúp em cái

    Trả lờiXóa
  21. Nhận xét này đã bị tác giả xóa.

    Trả lờiXóa