Cách mở liên kết ra tab mới trong trình duyệt cho blogspot - Tân Hồng IT - Chia Sẻ Tài Liệu - Kiến Thức Công Nghệ Thông Tin - Giải Trí Tin Học - IT

Tìm kiếm trong Tân Hồng IT Blog

Cách mở liên kết ra tab mới trong trình duyệt cho blogspot

Share This
Để cho người đọc không bị rời khỏi trang blog của chúng ta khi click vào một liên kết bất kì thì chúng ta thường thêm thuộc tính target="_blank" trong link.

Đó là cách thủ công nhưng khá mất thời gian và bất tiện khi chúng ta phải tự tay làm cho hàng loạt các liên kết trong blog.

Bài viết này mình giới thiệu 2 cách làm khác nhau sử dụng javascript hoặc dùng thuộc tính base trong HTML nhé!

Cách 1: Sử Dụng Javascript.

  • Đăng nhập vào blog
  • Vào Phần bố cục
  • Tạo một tiện ích HTML/Javascript
  • Copy đoạn code sau vào và lưu lại.
<script type='text/javascript'> var arr = document.getElementsByTagName("a"); //dapatkan semua link untuk halaman(var i = 0; i < arr.length; i++) { if(arr[i].href.indexOf("https://www.tanhong.tk/") < 0 //bukan link yang ada di dalam halaman ini && arr[i].href.indexOf("javascript:") < 0) // link arr[i].target = "_blank"; } </script>

Lưu ý: Các bạn nhớ thay https://www.tanhong.tk/ thành doman blog của các bạn nhé!


Cách 2: Sử Dụng thuộc tính base trong HTML.

  • Đăng nhập vào Blog
  • Vào Chủ đề (Template)
  • Chọn Chỉnh sửa HTML
  • Chèn đoạn sau bên dưới thẻ <head> trong template:
<base target='_blank'/>
  •  Save lại
Vậy là các bạn đã hoàn thành rồi đó. Đây là một thủ thuật để giúp cho blog của các bạn có thể gây chú ý cho khách xem hơn đấy nhé.

Mở rộng tùy chỉnh:
Chúng ta có thể kết hợp với các lệnh điều kiện <b:if> của blogspot để dễ dàng tùy biến cho thủ thuật hơn nhé.
1. Mở liên kết trên tab mới chỉ ở trang chủ:
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<base target='_blank'/>
</b:if>

2. Đối với trang đọc bài:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<base target='_blank'/>
</b:if>

3. Đối với một trang bất kì:
<b:if cond='data:blog.url == "Nhập URL trang bất kì"'>
<base target='_blank'/>
</b:if>

Mong Bài viết thủ thuật này sẽ giúp ích được cho các bạn.

CHÚC CÁC BẠN THÀNH CÔNG NHÉ

No comments:

Post a Comment

Tổng Hợp

Post Bottom Ad

Tham Gia Forum của tụi mình nhé!