Tự động thêm thuộc tính target='_blank' với các link ngoài trong blogspot

Anh Trai Nắng
1

Link ngoài (hay Out link) là một thuật ngữ dùng để chỉ tất cả những link trên site được dùng để liên kết với những trang bên ngoài. Đây là một cách phân loại link theo hướng liên kết của link, đối lập với Backlink (liên kết tới 1 trang trong blog)

Thông thường khi viết bài sẽ không tránh khỏi trường hợp ta cần dẫn những link từ các trang khác vào và nếu như blogger không thêm các thuộc tính target='_blank' (hiểu nôm na là mở trang trong 1 tab mới) thì khi người dùng nhấn vào link đó sẽ vô hình chung làm bay mất trang hiện tại của bạn.

Tự động thêm thuộc tính target='_blank' với các link ngoài trong blogspot
Auto target="_blank" for blogspot.

Với thủ thuật nhỏ này sẽ giúp bạn khắc phục hoàn toàn việc mở các linkout trong tab mới giúp blog của bạn chuyên nghiệp hơn

Bạn tiến hành đăng nhập vào Blogger của mình chọn vào phần chỉnh sửa HTML và dán đoạn code sau trên thẻ đóng </body>

Cách 1:

<script type="text/javascript">
$(document).ready(function(){$("a[href^='http://']").each(function(){-1==this.href.indexOf(location.hostname)&&$(this).attr("target","_blank")}),$("a[href^='https://']").each(function(){-1==this.href.indexOf(location.hostname)&&$(this).attr("target","_blank")})});
</script>(code-box)

Cách 2:

<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 = "nofollow";
for(var j=0;j<args.length;j++){
if(a[i].href.match(args[j])){
a[i].target = "";
a[i].rel = "";
}}}}
changetargetlink('anhtrainang.com');
//]]>
</script>(code-box)

Nhớ thay đổi changetargetlink('anhtrainang.com'); thành địa chỉ site của bạn nhé. Rất đơn giản thôi nhưng hiệu quả mang lại sẽ làm bạn bất ngờ đó. Good Luck!

Đăng nhận xét

HƯỚNG DẪN BÌNH LUẬN

1 Nhận xét

Đăng nhận xét

HƯỚNG DẪN BÌNH LUẬN

Chèn link

Sử dụng công cụ Tạo link

Chèn hình ảnh

LINK_ANH - sử dụng công cụ upload ảnh. Và chỉ cần lấy link ảnh chèn vào bình luận là ảnh tự động hiển thị.

Định dạng chữ

<b>Chữ in đậm</b>
<i>Chữ in nghiêng</i>
<u>Chữ gạch chân</u>
<strike>Chữ gạch ngang</strike>

Chèn một đoạn Code

Đầu tiên sử dụng công cụ này để mã hóa đoạn code muốn chèn.
Sau đó dùng thẻ [code] CODE_ĐÃ_MÃ_HÓA [/code]

Khác

Nhập Email bạn hay dùng để nhận thông báo khi mình trả lời bình luận của bạn.
Vui lòng không nhập bất kỳ Liên kết Spam nào trong hộp nhận xét.
Tích vào ô "Thông báo cho tôi" để nhận thông báo nội dung phản hồi của bình luận.
Chèn emoji: Nhấn tổ hợp phím “Windows + . (dấu chấm)”

Đã hiểu