Thứ Bảy, 5 tháng 3, 2016

Mở liên kết blogger ở tab mới trong trình duyệt web

Thông thường, nếu muốn người đọc không rời khỏi blog của mình 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.

Cách này có vẻ thủ công nên hơi bất tiện khi thực hiện cho hàng loạt liên kết trên blog. Có một số thủ thuật giúp mở tất cả link ở cửa sổ mới nhưng nhìn chung đều dựa vào javascript và chưa cơ động lắm khi muốn tùy biến.
Nay mình giới thiệu một cách làm khác không sử dụng javascript mà dùng chính thuộc tính base trong HTML.
Chèn đoạn sau bên dưới thẻ <head> trong template:
<base target='_blank'/>
Save lại, thế là tất cả link trên blog của bạn sẽ được mở ở tab mới trong trình duyệt web. Quá nhanh và đơn giản.
Mở rộng ra, khi ta kết hợp với các lệnh điều kiện <b:if> của blogspot thì sẽ dễ dàng tùy biến cho thủ thuật.
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 viết
<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 == "URL trang bất kì"'>
<base target='_blank'/>

</b:if>

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

Đăng nhận xét