7/6/15

Mở liên kết ngoài trong một tab mới

Xin chào các đọc giả của Việt Blogger

Mình chắc rằng trong khi viết blog, sẽ có những trường hợp các bạn phải dẫn link ra ngoài blog của mình. Hay là những người khác trong quá trình bình luận họ cũng sẽ gắn thêm link của họ vào blog của bạn.

Và nếu như những độc giả của chúng ta click vào các đường link đó thì ngay lập tức họ sẽ được chuyển tới trang web mới và thoát ra khỏi trang web của bạn.

Vậy phải làm sao để khắc phục được tình trạng này?

Rất đơn giản thôi ạ. Các bạn chỉ cần làm theo 4 bước nhỏ sau đây là sẽ được ngay. Còn chần chừ gì nữa? Bắt đầu ngay thôi nào.

Cách 1: Dùng code + js


Bước 1: Cac bạn đăng nhập vào bảng điều khiển Blogger -> Mẫu (Template) -> Chỉnh sửa HTML (Edit HTML)

Bước 2: Ấn tổ hợp phím (Ctrl + F) rồi điền vào ô tìm kiếm đoạn này "</head>" và nhấn phím "ENTER".

Bước 3: Các bạn copy đoạn code dưới đây và chèn ngay trên thẻ </head> nhé.

<script type='text/javascript'>
$(document).ready(function() {
  $("a[href^='http://']").each(
    function(){
     if(this.href.indexOf(location.hostname) == -1) {
        $(this).attr('target', '_blank');
      }
    }
  );
$("a[href^='https://']").each(
function(){
if(this.href.indexOf(location.hostname) == -1) {
$(this).attr('target', '_blank');
}
}
);

});
</script>
Bước 4: Nói là bước cho hay thôi chứ thực ra là trỏ lại trang chủ để xem có hiệu quả không nhé.

Cách 2: Dùng tính năng của blogspot

(Lưu ý cách này chỉ áp dụng cho những link được chèn trong bài viết thôi nhé, các link khác sẽ không được)

Nếu sử dụng cách này, khi chèn link các bạn sau khi nhấn vào nút liên kết thì nhớ tích vào ô "Open this link in a new window" là được nhé!


Chúc các bạn thành công nhé!
Có gì không hiểu hãy để lại comment mình sẽ giải đáp cho các bạn nhé!

Không có nhận xét nào:

Đăng nhận xét