Cách ẩn link liên kết trong comment cho Blogspot

Ngày trước mình có sử dụng một số template blogspot của Arlina Design thì cũng đã có tích hợp sẵn chức năng tự động ẩn link liên kết trong comment nhưng lúc đó mình không để ý lắm vì nội dung những blog đó không mấy ai vào comment link cả (trừ mấy thánh spam). Hôm nay lang thang mấy blog nước ngoài thì đọc được bài hướng dẫn tự động ẩn link liên kết trong comment cho blogspot nên về viết bài chia sẻ với mọi người.

Cách ẩn link liên kết trong comment cho Blogspot

Có 2 cách để bạn ẩn những link liên kết trong comment, tùy vào mục đích và... sở thích mà bạn có thể sử dụng một trong hai cách sau:

Cách 1:

Với cách này ta sử dụng thuộc tính display: none; của CSS để ẩn đi những link liên kết trong comment, nó sẽ ẩn đường link trong comment đi, còn các phần khác vẫn hiển thị bình thường.
Rất đơn giản bạn chỉ cần thêm đoạn CSS dưới đây vào trước đoạn ]]></b:skin> rồi lưu template lại.

.comment_body p a {
display: none;
}

Cách 2:

Đối với cách này nếu những comment nào chứa link liên kết thì nó sẽ tự động thay thế bằng một đoạn văn bản mà bạn muốn hiển thị để thông báo cho người đọc biết.
Sử dụng cách 2 này bằng việc chèn một đoạn script dưới đây vào trước thẻ </body> rồi lưu template lại (lưu ý sử dụng cách 1 rồi thì không nên sử dụng cách 2 nhé và ngược lại)

<script type='text/javascript'>
//<![CDATA[
//Block Link Comments
function blockLinks(e,t){var n=document.getElementById(e),r=n.getElementsByTagName(t);for(var i=0;i<r.length;i++){if(r[i].innerHTML.indexOf("</a>")!==-1){r[i].innerHTML="No more <span style='background-color:rgba(255,255,255,0.3);color:#fff;padding:4px 8px;border-radius:3px'><b>live link</b></span> in this comments field";r[i].className="spammer-detected"}}}blockLinks("comment_block","p");
//Pre Comments Box
function cdClear(){var e=document.getElementById("codes");e.value="";e.focus();document.getElementById("cvrt").disabled=false}function cdConvert(){var e=document.getElementById("codes"),t=e.value,n=document.getElementById("opt1"),r=document.getElementById("opt2"),i=document.getElementById("opt3"),s=document.getElementById("opt4"),o=document.getElementById("opt5");t=t.replace(/\t/g," ");if(n.checked)t=t.replace(/&/g,"&");if(r.checked)t=t.replace(/'/g,"&#039;");if(i.checked)t=t.replace(/"/g,"&quot;");if(s.checked)t=t.replace(/</g,"&lt;");if(o.checked)t=t.replace(/>/g,"&gt;");if(t.lastIndexOf("\n")!=-1||t.length>40){t=t.replace(/^/,'<i rel="pre">')}else{t=t.replace(/^/,'<i rel="code">')}t=t.replace(/$/,"</i>");e.value=t;e.focus();e.select()};
//]]>
</script>

Tóm lại:

Tùy với mục đích và nội dung blog mà bạn có quyết định nên ẩn đi những link liên kết trong comment hay không, vì khi thực hiện phương pháp này thì tất cả các comment có chứa link trong nội dung đều sẽ bị ẩn đi. :)

0 comments