Sử dụng Jequery mở Link ngoài bằng trình duyệt mới

26 Dec


Bằng cách sử dụng JQuery các liên kết ngoài trong bài viết sẽ được mở tại cửa sổ trình duyệt (tab) khác, trong khi bài viết gốc vẫn giữ nguyên hay vì bị chèn bởi link liên kết ngoài.

Sử dụng JQuery để mở link ngoài bằng cửa sổ trình duyệt mới

Với thủ thuật này các link liên kết ngoài sẽ có biểu tượng bên cạnh.

Xem Demo

Cách thực hiện như sau:

1.Truy cập vào Blogger:

– Bạn truy cập vào tài khoản Blogger: Bảng điều khiển (Dashboard) ..>>.. Thiết kế (Design) ..>>.. Chỉnh sửa HTML (Edit HTML)

– Tìm (Ctrl-F) đoạn tag

</head>

2.Chèn mã JQuery:

– Dán đoạn code bên dưới vào trước đoạn tag</head>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script&gt;

<script type="text/javascript">

/*

jQuery – External Links

Created by Andrea Cima Serniotti – http://www.madeincima.eu

*/

$(document).ready(function () {

// —- External Links —————————————————————————————————-

$("a[href*='http://'%5D:not(%5Bhref*='"+location.hostname+"'%5D),[href*='https://'%5D:not(%5Bhref*='"+location.hostname+"'%5D)&quot;).attr("target","_blank").attr("title","Opens new window").addClass("external");

});

</script>

<style type="text/css">

.external{background:url(http://1.bp.blogspot.com/_HJvXUqHmf9Y/TGExEsLHv3I/AAAAAAAAABA/pcPpWeXmePY/s1600/external_link.gif) top right no-repeat;padding-right:18px}

</style>

– Lưu mẫu (Save Template).

Giờ đây các liên kết ngoài của blog sẽ được mở bởi cửa sổ trình duyệt mới. Bạn có thể tham khảo chi tiết bài gốc tại Bài gốc – Tiếng Anh

Theo:vnblognet.com

Gửi phản hồi

Mời bạn điền thông tin vào ô dưới đây hoặc kích vào một biểu tượng để đăng nhập:

WordPress.com Logo

Bạn đang bình luận bằng tài khoản WordPress.com Log Out / Thay đổi )

Twitter picture

Bạn đang bình luận bằng tài khoản Twitter Log Out / Thay đổi )

Facebook photo

Bạn đang bình luận bằng tài khoản Facebook Log Out / Thay đổi )

Google+ photo

Bạn đang bình luận bằng tài khoản Google+ Log Out / Thay đổi )

Connecting to %s

%d bloggers like this: