Tự động thêm thuộc tính target='_blank' với các link ngoài trong blogspot
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.
![]() |
| 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!
Tăng tương tác MXH
Like, sub, view, comment, share livestream…
- Instagram, TikTok, YouTube, Twitter, Shopee
- Dịch vụ nhanh – ổn định
🎁 Mã giảm giá: đang cập nhật
Khám pháTài khoản Premium
CapCut, Canva, ChatGPT, Semrush, HMA, Google Ads…
- Kích hoạt nhanh – bảo hành rõ
- Đa dạng gói
🎁 Mã giảm giá: đang cập nhật
Mua ngayTemplate Blogspot
Thiết kế chuẩn SEO, tối ưu tốc độ & giao diện.
- Nhiều mẫu cho blog, shop
- Tùy biến dễ
🎁 Mã giảm giá: anhtrainang (-10%)
Xem mẫuBài viết liên quan
Nhận xét (3)
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)”


Nhận xét này đã bị quản trị viên blog xóa.
Trả lờiXóabị lỗi copy khung code pre a niệm nhé.
Trả lờiXóađúng rồi chưa sửa code của bài này
Xóa