[Blogger] Removing Hyperlinks From Blogger Post Images

Mặc định khi bạn chọn chế độ upload ảnh tại trang đăng bài của blog, blog sẽ tự động chèn thêm thẻ <a> bao quanh thẻ <img> với mục đích kích hoạt chế độ xem ảnh lightbox do blogger cung cấp. Tuy nhiên với một vài blogger họ không thích điều đó, có thể do họ đã tắt widget.js mặc định của blogger, cũng có thể họ chỉ muốn hiện ảnh mà không chèn liên kết cho ảnh và bài viết này sẽ giúp bạn thực hiện điều đó

Cách 1: Làm thủ công

Rất đơn giản thôi sau khi đã upload ảnh thành công và chèn vào bài viết bạn click vào ảnh và chọn "Liên kết" hoặc "Link" blog sẽ loại bỏ liên kết của ảnh

Hoặc có thể chuyển sang tab HTML và giữ lại code của thẻ <img>

Cách này tuy thủ công nhưng được cái bạn sẽ chủ động loại bỏ được liên kết của một ảnh nhất định

Cách 2: Chèn script tự động loại bỏ liên kết tất cả ảnh

Với sự can thiệp của script thì rất nhanh chóng bạn có thể loại bỏ được tất cả liên kết của ảnh.

Bạn chỉ cần dán đoạn code sau vào trước thẻ đóng </head>

<script type='text/javascript'>//<![CDATA[
$(document).ready(function() {
  $('.post-body a[href]:has(img)').css({
    "cursor": "default",
    "pointer-events": "none",
    "-webkit-user-select": "none",
    "-khtml-user-select": "none",
    "-moz-user-select": "none",
    "-o-user-select": "none",
    "user-select": "none"
  }).click(function() {
    return false;
  });
});
//]]></script>

Lưu ý class .post-body nếu như không xuất hiện trong blog của bạn thì bạn phải thay thành class chuẩn để code hoạt động đúng. Trong trường hợp bạn muốn giới hạn phạm vi hoạt động của script có thể đặt nó trong cặp thẻ b:if ví dụ

+ Chỉ chạy ở trang chủ

<b:if cond='data:blog.url == data:blog.homepageUrl'>
// Nội dung script
</b:if>

+ Chỉ chạy ở trang bài viết

<b:if cond='data:blog.pageType == "item"'>
// Nội dung script
</b:if>

+ Chỉ chạy ở trang tĩnh

<b:if cond='data:blog.pageType == "static_page"'>
// Nội dung script
</b:if>

Sau đó bạn lưu lại và mở bài viết có ảnh ra để kiếm tra nhé

Good Luck !