Mở tab mới khi click vào liên kết trên blog

Khi các bạn làm một bài viết nào đó, ví dụ như download và cài đặt camtasia chẳng hạn, thì khi mà nhấn vào link tải phần mềm thì nó sẽ tự load đến đường dẫn tải phần mềm đó luôn chứ nó không mở ra tab mới. Vậy thì trang blog của mình cũng mất luôn 😕, điều đó cũng gây cho người đọc một sự không hài lòng, họ phải nhấn vào nút quay lại bài viết hoặc mở tab mới để vào lại bài viết, thật là bất tiện phải không nào!

Ví dụ như link này đi: Test Link

Mình sẽ hướng dẫn cho các bạn cách để khi click vào link thì sẽ mở ra một tab mới, vậy thì người đọc sẽ không rời blog của bạn. Đây là cách được nhiều blog và website sử dụng với mục đích trên đó là sử dụng target=_blank (đơn giản thôi).

Bây giờ mình sẽ tạo ra một link có cấu trúc như dưới


<a href="http://tuhockienthuc.blogspot.com/" >Test Link</a>

 Bây giờ sẽ thêm target=_blank vào thì sẽ được như sau:

<a target="_blank" href="http://tuhockienthuc.blogspot.com/" >Test Link</a>

Và đây là kết quả: Test Link 2

Với các liên kết khác thì các bạn làm tương tự, code button cũng vậy nhé. Đặt nó trong thẻ <a> là được

Trong trường hợp nếu có quá nhiều link thì sao, các bạn có thể chèn tự động

Đoạn script được cung cấp của anhvo có khả năng nhận dạng các link địa chỉ mà ta không muốn cho khách rời khỏi sau khi click vào đó. Nó sẽ tự động cho target=_blank đối với các trang không có trong danh sách. Cách thức thực hiện cũng đơn giản như sau:

Bước 1: Bạn truy cập vào Blogger > Mẫu (Template) > Edit HTML (Chỉnh sửa HTML)

Bước 2: Tìm đoạn mã : </body> Và thêm vào trước nó đoạn code bên dưới: (Ctrl + F để tìm nhé)

<script type="text/javascript">
//<![CDATA[
function changetargetlink(x){
var a = document.getElementsByTagName('a');
var args = changetargetlink.arguments;
for(var i in a){
a[i].target = "_blank";
a[i].rel = "_blank";
for(var j=0;j<args.length;j++){
if(a[i].href.match(args[j])){
a[i].target = "";
a[i].rel = "";
}}}}
changetargetlink('http://tuhockienthuc.blogspot.com/');
//]]>
</script>

Trong đó changetargetlink là trang mà bạn không muốn áp dụng target=_blank để mở tab mới trong liên kết.