Thư viện

Trải nghiệm

Chủ Nhật, tháng 4 21, 2013

Code Popup hỏi trước khi thoát khỏi blog/web

blog/web của bạn sẽ xuất hiện một thông báo popup yêu cầu độc giả xác nhận việc họ muốn rời khỏi blog của bạn như hình dưới đây: Với thủ thuật này của namkna khi độc giả lỡ tay click chuột nhàm vào nút tắt thì cũng không thoát ra khỏi trang web của bạn nếu họ chưa xác nhận.

Chia sẻ:
Bình thường khi muốn thoát khỏi một web site bạn chỉ cần bấm vào dấu x màu đỏ góc trên bên phải của trình duyệt. Nhưng bạn nghĩ sao khi blog/web của bạn sẽ xuất hiện một thông báo popup yêu cầu độc giả xác nhận việc họ muốn rời khỏi blog của bạn như hình dưới đây:
Popup hỏi trước khi thoát khỏi blog/web

Xem demo: VIEW DEMO


Với thủ thuật này của namkna khi độc giả lỡ tay click chuột nhàm vào nút tắt thì cũng không thoát ra khỏi trang web của bạn nếu họ chưa xác nhận.

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

1. Đăng nhập vào tài khoản Blogger
2. Vào phần Mẫu (Template)
3. Chọn chỉnh sửa HTML (Edit HTML)
4. Tìm thẻ</head> (Mẹo: Bấm chuột vào một vị trí bất kỳ trong ô chỉnh sửa HTML vào để sử dụng khung tìm kiếm nội tuyến như bài này.)
- Dán code bên dưới sau thẻ </head> vửa tìm được.
<script> var exittraffic_splashalertmessage = "Bạn đã xem hết trang web chưa!"; </script>
<script type='text/javascript'>
//<![CDATA[
var is_chrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1;
var is_firefox = navigator.userAgent.toLowerCase().indexOf('firefox') > -1;

function DisableExitTraffic() {
PreventExitSplash = true;
}

function addLoadEvent(func) {
var oldonload = window.onload;
if (typeof window.onload != 'function') {
window.onload = func;
}
else {
window.onload = function() {
if (oldonload) {
oldonload();
}
func();
}
}
}
function addClickEvent(a, i, func) {
if (typeof a[i].onclick != 'function') {
a[i].onclick = func;
}
}
theBody = document.body;
if (!theBody) {
theBody = document.getElementById("body");
if (!theBody) {
theBody = document.getElementsByTagName("body")[0];
}
}
var PreventExitSplash = false;
var LightwindowOpening = false;
function DisplayExitSplash() {

if (PreventExitSplash == false) {


window.scrollTo(0, 0);
if (is_firefox) {
//window.alert(exittraffic_splashalertmessage);
}
PreventExitSplash = true;
if (is_chrome||is_firefox) {
timeout_variable = setTimeout("exittraffic_change_url();", 1000);
} else {
document.location.href = exittraffic_RedirectUrl;
}

return exittraffic_splashalertmessage;
}
}
var a = document.getElementsByTagName('A');
for (var i = 0; i < a.length; i++) {
if (a[i].target !== '_blank') {
addClickEvent(a, i, function() {
PreventExitSplash = true;
});
}
else {
addClickEvent(a, i, function() {
PreventExitSplash = false;
});
}
}
disablelinksfunc = function() {
var a = document.getElementsByTagName('A');
for (var i = 0; i < a.length; i++) {
if (a[i].target !== '_blank') {
addClickEvent(a, i, function() {
PreventExitSplash = true;
});
}
else {
addClickEvent(a, i, function() {
PreventExitSplash = false;
});
}
}
}

addLoadEvent(disablelinksfunc);

disableformsfunc = function() {
// Makes that clicking on the links on the page will not cause this popup to appear
var f = document.getElementsByTagName('form');
for (var i = 0; i < f.length; i++) {
if (!f[i].onclick) {
f[i].onclick = function() {
if (LightwindowOpening == false) {
PreventExitSplash = true;
}
}
}
else if (!f[i].onsubmit) {
f[i].onsubmit = function() {
PreventExitSplash = true;
}
}
}
}

function exittraffic_change_url() {
disable_confirmation = false;
clearTimeout(timeout_variable); // just to make sure
document.location.href=exittraffic_RedirectUrl;
}

addLoadEvent(disableformsfunc);
window.onbeforeunload = DisplayExitSplash;
//]]>
</script>
- Lưu mẫu lại và xem kết quả nha.

27 nhận xét:

  1. hì hay quá , bạn ơi mình muốn tạo một popup nhỏ nhỏ 150x150 mỗi khi click vào trang là nó bật nên như trang này thì làm thế nào bạn ? trang đây vietblogger.net

    Trả lờiXóa
    Trả lời
    1. Bạn xem bài này: http://namkna.blogspot.com/2012/02/thu-thuat-mo-nhieu-cua-so-popup-khi.html

      Chú ý dùng đoạn code B. Javascript xuất hiện popup khi click chuột lần đầu tiên. Bạn chỉnh sửa::

      var params = 'width=' + '300';
      params += ', height=' + '300';

      thành:

      var params = 'width=' + '150';
      params += ', height=' + '150';

      Xóa
  2. oh thank bạn ,

    bạn ơi làm thế nào để tạo sitemap cho blogspot giống như này vì mình muốn dùng để ping cho site
    cái này mình lấy ở http://www.eblogviet.com/ làm bằng wordpress thì phải mà ko biết blogspot có làm dc ko ?
    .....
    http://www.eblogviet.com/category/thu-thuat/genesis-theme 30% Weekly
    http://www.eblogviet.com/category/khoa-hoc 30% Weekly
    http://www.eblogviet.com/category/money-maker 30% Weekly
    http://www.eblogviet.com/category/social-media 30% Weekly
    http://www.eblogviet.com/category/reviews 30% Weekly
    http://www.eblogviet.com/category/thu-thuat/thesis-theme 30% Weekly
    .....

    Trả lờiXóa
    Trả lời
    1. Đó là một plusgin dành riêng cho nền tảng wordpress với blogger bạn có thể xem bài này: http://namkna.blogspot.com/2012/04/tao-site-map-ho-tro-seo-va-page-rank.html

      hoặc chọn một kiểu ở đây: http://namkna.blogspot.com/search/label/Blogspot%20Sitemap

      Xóa
  3. anh nam ơi hình như cái feed burrner của em bị lỗi anh ak.mấy tuần rồi mà không thấy nó gửi mail báo bài viết về cho em.( e tự đăng kí email của em ).anh giúp em sửa lỗi với

    Trả lờiXóa
    Trả lời
    1. 1. Sau khi đăng ký em phải xác nhận bằng mail em đã đăng ký.

      2. Nếu đã xác nhận thì họ hỉ gởi mail khi em đăng một bài viết mới vào blog nha em.

      Xóa
    2. em xác nhận rồi a ak.mà lâu lắm e chưa thấy nó gửi mail cho dù em đăng bài đều đều.chừ phải đăng kí lại cái feed khác hả anh

      Xóa
    3. Em hãy thử đăng ký bằng mootje email khác xem sao. Nếu không được thì có thể link feed ssax bị sai.

      Xóa
    4. em đăng kí cái khác được rồi nhưng mà tiếc 150 người đăng kí rồi HIc

      Xóa
    5. Không ý anh là em dùng một địa chỉ email khác để đăng ký feed cũ đó xem sao. Chứ không phải đăng ký một feed khác nha.

      Xóa
  4. Code popup hay. Bên mình đang cần mua popup cho trang Điểm thi Đại học (DH) 2013 Admin và các Bác ai có bán PM nhé :)

    Trả lờiXóa
    Trả lời
    1. Hãy gửi yêu cầu vào mail: tavnnam01@gmail.com nha.

      Xóa
    2. email của anh sai gì mà gửi báo lỗi nhỉ

      Xóa
  5. Anh nam ơi cho e xin code cua phần new post và phần popular post giống như phần Radom post trong blog của e được không ah!
    Anh xem thử blog của e : newtools4u.blogspot.com
    em tìm đc đoạn code của phần random post nhưng hai phần kia lại không hiện được hình ảnh hoặc hiện ảnh rất to. Anh có thể cho e code mà ảnh nhỏ nhỏ đc ko ah!

    có gì anh send qua mail cho e với e thanks trước ah
    e mail e : thanhtungauto49@gmail.com

    Trả lờiXóa
    Trả lời
    1. Em chỉnh lại 2 đoạn.:

      img_thumb_height = 150;
      img_thumb_width = 200;


      - Phần popularposst em xem bài này:
      http://namkna.blogspot.com/2011/08/hien-thi-oan-trich-dan-dang-title-cho.html

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

    Trả lờiXóa
    Trả lời
    1. Nhận xét này đã bị quản trị viên blog xóa.

      Xóa
  7. Cảm ơn Nam, mình đang cần cái này mà kiếm mãi mới được.
    Nam ơi cho mình hỏi giờ mình muốn khi người ta nhấn vào "stay on this page" thì tự chuyển sang link mình muốn khách truy cập được ko bạn? Cảm ơn Nam trước./

    Trả lờiXóa
    Trả lời
    1. Được nhưng phải chỉnh sửa lại file js này bạn ak. hơi mất thời gian chút.

      Xóa
    2. Cảm ơn Nam nhiều nhé

      Xóa
  8. cùng câu hỏi với Alo phone, bác Nam có thể chỉ giúp không ah?

    Trả lờiXóa
  9. bauif này hay thật xin copy nhé

    Trả lờiXóa
  10. Dear Nam,
    Mình đang rất cần code pop up khi thoát, nếu đồng ý ở lại sẽ chuyển sang trang khác như trang danhthucsugiauco.com
    Nam gửi giúp vào mail giúp mình nhe, có phí cũn được, Nam cứ báo mình biết
    Mình cần chậm nhất tối mai
    Cảm ơn

    Trả lờiXóa
  11. em cũng muốn hỏi như Anh Nguyen Tran, Anh Nam giúp đỡ được không ạ
    hi vọng anh liên hệ giúp em vietgiaanh@gmail.com

    Trả lờiXóa
  12. ad ơi có bài nào hướng dẫn khi click vào bất kỳ chỗ nào trên web là tự chuyển trang k vậy ạ? (không kể link)

    Trả lờiXóa
  13. Bác có mã nào làm cho khi khách thoát khỏi trang nó tự chuyển hướng tới trang khá không cho e xin code với ?

    Trả lờiXóa