Tự động mở tất cả các liên kết bên ngoài trên một cửa sổ mới trong Blogger

mo lien ket ben ngoai

Thông thường khi chèn liên kết cho "link" hay "hình ảnh" nếu muốn mở trong tab mới, bạn thường phải thêm thuộc tính target="_blank" bên trong mỗi liên kết.

Mình sẽ hướng dẫn các bạn để nó tự động thêm vào mỗi thẻ của bạn 1 thuộc tính target="_blank". Điều này sẽ làm bạn giảm cực nhọc hơn khi phải thủ công tùy chọn mỗi khi đưa link vào nội dung Website, blog.

Bước 1 : Truy cập Blogger > Mẫu > Chỉnh sửa HTML
Bước 2 :Tìm đoạn code

</head>

Bước 3 : Dán đoạn mã dưới đây vào trên nó :
Lưu ý : Nếu template của bạn đã có đoạn mã màu đỏ (Jquery), bạn không cần thêm nó

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'></script>
<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 : Lưu mẫu lại và kiểm tra lại kết quả

CONVERSATION

Back
to top