Thứ Bảy, 7 tháng 5, 2011


(Click vào liên kết các thành phần trong trang sẽ mở sang tab khác)


Target blank cho links ngoài blogger

Chắc hẳn các bạn đã đọc bài viết Thêm target blank và nofollow cho links trong blog của Hỗn Tạp , hôm nay mình sẽ hướng dẫn các bạn Thêm target blank cho links ngoài blog để giữ visitĐoạn code chèn vào blog khá đơn giản do tôi dùng jQuery để làm.



Mở template của bạn lên, chèn đoạn code sau ngay trước thẻ </body>

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

$(function() {
var domain = 'http://www.itdl.in';

// Them target="_blank" cho tat ca cac link
$('a').attr('target', '_blank');

// Them rel="nofollow" cho cac link den trang web khac (khong cung domain)
$('a:not([href^=' + domain + '])').attr('rel', 'nofollow');
});
</script>

hoặc cách sau đây
Trong một website hay blog đương nhiên sẽ có ít hoặc nhiều link liên kết tới các site bên ngoài. Và thường để người đọc không rời khỏi trang của bạn sau khi đã click vào link ra ngoài đó, bạn chọn cách đặt target=_blank vào link đó trong bài viết hoặc trong sườn. Tuy nhiên việc làm đó hơi cực nếu như bài nào bạn cũng làm thế thì rất mất thời gian và công sức!
Đoạn script dưới đây 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.
<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('vietwebguide.com','abc.com');
//]]>
</script>
Đặt đoạn code trên vào ngay trên thẻ đóng </BODY> của trang bạn. Chú ý dòng đã được đánh dấu: vietwebguide.comabc.com có nghĩa là những trang sẽ không mở ở dạng _blank (new tab). Bạn có thể thêm hoặc bớt tùy ý vài địa chỉ nữa như sau:
changetargetlink('vietwebguide.com','abc.com','cde.com','....');
Thông thường thì ta sẽ đặt các link cho trang của ta sẽ không mở new tab, còn lại tất cả các trang khác sẽ mở ở new tab, như thế ta sẽ chỉ đặt 1 giá trị cho nó nhẹ:
changetargetlink('vietwebguide.com');
Hy vọng là script nhỏ này sẽ giúp bạn bớt chút công sức về đặt target cho link của bài viết.
Chúc các bạn thành công !
Source : VIET SHARE

Tagged:

0 nhận xét:

Đăng nhận xét