Điện thoại: 0944210999

Tự động thêm thuộc tính mở cửa sổ mới khi click vào link trên blogspot

Như các bạn đã biết, muốn độc giả khi click vào link trên blog và mở ra một cửa sổ mới thì ta phải thêm thuộc tính target="_blank" vào. Tuy nhiên không phải lúc nào ta cũng nhớ để làm công việc này, và thật sự là mất thời gian đối với một bài viết hay đoạn code nào đó trong template có nhiều link. Vì vậy đoạn js mình sẽ giới thiệu bên dưới sẽ giúp bạn tự động thêm thuộc tính target="_blank"vào tất cả đường link trên blog. Tuy nhiên bạn không phải lo lắng về những đường link trên blog của mình, nó chỉ có tác dụng đối với những đường link bên ngoài, do vậy độc giả của bạn sẽ không rời khỏi blog của bạn đâu. Hơn nữa lại thân thiện với SEO và hoạt động tốt với tất cả các trình duyệt.

Thêm code vào template
Bạn chèn đoạn js sau vào trước thẻ đóng </head>
Code:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript'>
$(document).ready(function() {
  $("a[href^='http://']").each(
    function(){
     if(this.href.indexOf(location.hostname) == -1) {
        $(this).attr('target', '_blank');
      }
    }
  );
$("a[href^='https://']").each(
function(){
if(this.href.indexOf(location.hostname) == -1) {
$(this).attr('target', '_blank');
}
}
);
});
</script>
  • Đoạn mã được thêm 2 lần cho các liên kết được bắt đầu bằng cả http và https
  • Hai đoạn mã == -1 có tác dụng chỉ thêm thuộc tính target="_blank" vào các liên kết bên ngoài. Nhưng nếu bạn muốn áp dụng cho tất cả các đường link trên blog thì thay thế bằng ==1
  • Xóa đoạn code <script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'></script> nếu trong template của bạn đã có jQuery rồi

0 nhận xét:

About

Chúng tôi là đội ngũ làm website, marketting online chuyên nghiệp. Trang thông tin chính thức của chúng tôi là myhoian.com. Đến với chúng tôi , bạn sẽ nhận được sự tư vấn tin cậy, trang web ưng ý, sự hỗ trợ thân thiện.

Nhận xét

  • tralinhchixaden
    tralinhchixaden lúc 01:39 18 tháng 3, 2016

    Siêu giảm giá khi đăng ký web hosting và máy chủ ảoĐăng ký Web Hosting chỉ $.01Đăng ký VPS and Cloud...

  • harish sharma
    harish sharma lúc 21:11 29 tháng 6, 2020

    Android apps can be just as beautiful as their iOS counterparts. Richard Leggett, co-director of Bit...

  • WorldNews
    WorldNews lúc 01:49 17 tháng 1, 2019

    chỉ em cách xây dựng nội dung fanpage với ạ

  • Sy Nanm Thanh
    Sy Nanm Thanh lúc 19:10 19 tháng 8, 2016

    Công ty Thiên An Nam chuyên cung cấp sỉ và le: khan giay, giay an

  • Sơn H.
    Sơn H. lúc 22:19 18 tháng 7, 2016

    Huu ich qua. Cam on ban nhieu.

.loadingxrcm {background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1MbDICVINdJ2VOosI42WTFoAQWoWaGfoipWxoo30hNjf_2HyKIijHyswYp7fpxP0suEDXGCBbpdbcz_GRDu31jodI_MaE91rtpc4e1lRMq1hqFTMMHHf7eNFLPKDVinbrMMEvttc_1kM/s1600/progress_ani.gif) no-repeat 50% 50%;width:32px;height:32px;display:block;margin:0 auto;text-indent:-9999px;} ul#kmtranimasi{text-align:left;font:normal normal 11px Verdana,Geneva,sans-serif} ul#kmtranimasi,ul#kmtranimasi li{margin:0;padding:0;list-style:none;overflow:hidden;position:relative} ul#kmtranimasi li{text-indent:0;height:90px;background:whiteSmoke;padding:0 8px;border:1px solid #DFDFDF;border-top:1px solid white} ul#kmtranimasi img{border-radius:9999px;overflow:hidden;background:#383838;border:0;float:left;margin:5px 5px 0 0} ul#kmtranimasi .ketkomt{overflow:hidden} ul#kmtranimasi .ketkomt a{display:block;color:white;font-weight:bold;overflow:hidden;background:#363636;border-radius:2px;float:left;padding:0 5px;margin: 5px 0 0 0;} ul#kmtranimasi .ketkomt span{font-size:8px;position:absolute;z-index:2;top:21px;border-radius:2px;display:block;line-height:14px;padding:0 5px;left:68px;background:white} ul#kmtranimasi p{margin:15px 0 0}

Contact Details

Mr Duan Tell: 0944210999 Email: thietkewebhoian@gmail.com Địa chỉ : 32/9 Nguyễn Duy Hiệu - Hội An