Header ads

Cách tắt các link out của các Images trên bài đăng blogspot

Mặc định khi các bạn viết bài kèm theo úp các hình ảnh lên cho sinh động thì mỗi hình đó sẽ có một links out kiểu: <a href="https://1.bp.blogspot.com/-" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="424" data-original-width="660" height="409" src="https://1.bp.blogspot.com/-*" width="640" /></a>

Nếu blog của các bạn có rất nhiều hình ảnh, thì đây có thể nói là một thảm họa cho SEO khi  trên bài đăng của các bạn có quá nhiều links out. Bạn hãy để ý khi xem các trang báo lớn, phần hình ảnh hầu hết đã xóa đi tất cả các links out hết rồi.


Bài này mình sẽ hướng dẫn các bạn các cách để xóa hoặc tắt tất cả các link out hình ảnh trên bài đăng blogger nhé

1. Làm thủ công

Các đơn giản nhất là các bạn tự làm thủ công mà cực kỳ hiệu quả. Đó là các bạn hãy xóa hết phần bôi xanh ở đoạn code trên nhé. Bạn làm lần lượt từng hình một cho đến khi hết thì thôi.
Lưu ý: Các bạn phải chuyển qua khung soạn thảo Html mới thấy được nhé

Xong các bạn chỉ việc lưu bài lại là xong thôi. Lúc này khi các bạn trỏ chuột vào phần hình ảnh trên bài sẽ không có bất cứ links out nào nữa hết nhé

2. Làm hàng loạt


Ở cách trên các bạn có thể làm và quản lý từng bài đăng riêng lẽ được, nhưng đối với blog có rất nhiều bài đăng thì làm như thế nào? 

Trên mỗi hình ảnh mà các bạn chèn vào đều có thẻ : class separator . Bây giờ ta hãy thêm thuộc tính tắt con trỏ chuột để dẫn ra các link out như sau:   dùng pointer-events: none để vô hiệu hóa tất cả link out hình ảnh

Các bạn chép hết đoạn code bên dưới và chèn trước thẻ đóng: ]]b:skin

.separator a {
pointer-events: none;
cursor: default;
}
  
Rồi lưu lại là xong nhé



Tuy nhiên có một rắc rối nhỏ là: đối với các hình mà các bạn đã ghi chú vào đó thì nó sẽ không còn có thẻ separator nữa mà nó lại mang thuộc tính tr-caption-container

Lúc này các bạn phải thêm một đoạn code như bên dưới mới thành công


 .tr-caption-container a {
pointer-events: none;
cursor: default;
}

Sau khi các bạn đưa code vào sẽ có dạng như bên dưới
.separator a {
pointer-events: none;
cursor: default;
}

.tr-caption-container a {
pointer-events: none;
cursor: default;
}

]]></b:skin>

CHúc các bạn làm được và để lại comment nếu có thắc mắc nhé

Ý Kiến- Bình Luận

0 Comments