Kênh Tên Miền chuyên cung cấp tên miền đẹp, giá rẻ! Hãy liên hệ kỹ thuật: 0914205579 - Kinh doanh: 0912191357 để được tư vấn, hướng dẫn miễn phí, Cảm ơn quý khách đã ủng hộ trong thời gian qua!
Sunday, December 26, 2010

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>

<script type="text/javascript">

/*

jQuery - External Links

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

*/

$(document).ready(function () {

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

$("a[href*='http://']:not([href*='"+location.hostname+"']),[href*='https://']:not([href*='"+location.hostname+"'])").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

0 comments:

Post a Comment

domain, domain name, premium domain name for sales

Popular Posts