Gắn icon cho "Partner" trong phần comment

Hôm nay mình sẽ hướng dẫn anh em đánh dấu đối tác (Partner) trong phần bình luận Blogger, bạn có thể thêm một icon nhỏ bên cạnh tên người bình luận giống như đã thông báo ở phần trước đó tại để tránh giả mạo

Chỉ cần biết ID Blogger của người đó và thêm vào danh sách Partner.

Tìm ID Blogger

Trong phần bình luận, bấm vào tên người dùng, đường link sẽ có dạng:

https://www.blogger.com/profile/12345678901234567890

12345678901234567890 chính là ID Blogger

Script tự thêm icon Partner

<script>
document.addEventListener("DOMContentLoaded",function(){

const PARTNER_IDS=[
"12345678901234567890"
];

document.querySelectorAll(".comment-header cite.user a").forEach(function(a){

const match=a.href.match(/profile\/(\d+)/);
if(!match) return;

const id=match[1];

if(PARTNER_IDS.includes(id)){

const icon=document.createElement("span");

icon.innerHTML=`⭐`;

icon.style.marginLeft="5px";

a.parentNode.appendChild(icon);

}

});

});
</script>

Nếu có nhiều Partner thì thêm như sau:

const PARTNER_IDS = [
"12345678901234567890",
"98765432109876543210"
];

Bạn có thể thay icon ⭐ bằng SVG hoặc icon khác để đẹp hơn

Kết luận

Hơi mất thời gian tí nhưng bằng cách này bản thân chủ blog sẽ nhận biết được giả mạo

Để lại bình luận nếu bạn gặp khó khăn trong quá trình thực hiện hoặc có góp ý, cảm ơn. Bye ./.