This site uses cookies for analytics, personalized content and ads. By continuing to browse this site, you agree to this use.
Author Image Sunday, 24 December 2017

[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 !
Comments:
Bạn được tự do bày tỏ quan điểm nhưng nghiêm cấm spam
  • Chèn ảnh theo mẫu [img]link[/img]
  • Chèn video Youtube theo mẫu [youtube]link[/youtube]
  • Chèn code theo mẫu [pre]code[/pre]. Lưu ý: mã hóa code trước khi bình luận

  • Hùng Coder 12/25/2017 10:51:00 AM
    Thủ thuật hay đấy :D
    TT-SOFT CTY 12/26/2017 09:00:00 AM
    Dear Hưng Hoàng!

    Bạn có thể help mình không mình đang sài tem này cũng lâu rồi nên không muốn đổi.

    Nó bị lỗi khi lượt full thì không có hiếu ứng cho thanh cuộn và comment, nó như hình dưới:
    https://1.bp.blogspot.com/-zlVmHWx-Yeg/WjyB63sUZuI/AAAAAAAAEAs/d-gF7t2iwj89n32qwzzCnRA7aNu3__GugCLcBGAs/s1600/Untitled.jpg

    Nhưng khi lượt small hay smatphone thì lại ok, nó như hình dưới:
    https://3.bp.blogspot.com/-5J8CXbPb-ZA/WjyCVy-w7PI/AAAAAAAAEAw/kXOgg7lKu5UVDG52NTyCE1ZWXwd_xKr6gCLcBGAs/s1600/Untitled1.jpg

    Bạn hỗ trợ giúp mình nhé, Thanks bạn nhiều
    Please wait while i am loading Facebook SDK js