Menghilangkan Link Nama Author Dikolom Komentar Blogspot

Kalian saat ngeblog pernah gasih ngalamin blog kalian tiba-tiba punya broken link yang tinggi padahal link diblog kalian sudah kalian cek dan hasilnya link diblog kalian normal semua.

Ini bisa disebabkan karena link yang ada dikomentar. Biasanya kita sudah menghapus atau kita melarang penggunaan link di dalam komentar.

Namun harus kalian ingat jika komentar diblog kalian si author bisa menggunakan akun. Nah akun ini akan terkait dengan akun Google yang mereka miliki sehingga akun ini akan memberikan link diblog kita ke profil akun mereka.

Baca juga:

Sebenarnya hal ini tidak menjadi masalah asalkan link dari profil mereka tetap aktif. nah yang menjadi masalah adalah ketika link dari profil yang akunnya sudah dihapus.

Sehingga membuat broken link di blog kalian menjadi bertambah banyak. Nah untuk menghilangkan link di nama author ini kalian bisa menggunakan java script.

Saya mendapatkan scriptnya dair Igniel (Terimaksih Igniel atas tutorialnya). Sekarang disini saya akan menunjukan bagaimana cara untuk memasang script tersebut di blog kalian.

Sesuai dengan judulnya kita akan menggunakan blog dari Blogspot

Menghilangkan Link Nama Author Dikolom Komentar Blogspot

Catatan:

Silahkan Backup Dulu Template Kalian, untuk mencegah ketika terjadi kendala kalian bisa restore lagi templatenya

Ada dua jenis javascript yang bisa kalian gunakan untuk menghilangkan link nama author di kolom komentar Blogspot. Yang pertama menggunakan javascript biasa dan yang kedua menggunakan javascript dengan batuan library dari Jquery.

Nah langsung saja ini dua kodenya

Javascript

/* Remove Profile Link in Blogger Comments by igniel*/
(function ignielRemLinkNameCmt(){
if (document.querySelector('#comments .comments-content')){
var a = document.querySelectorAll('.comment-block .user a');
for (var x = 0; x < a.length; x++){
   var b = a[x].text, c = a[x].parentNode, d = document.createElement('span'); d.innerHTML = b;
   a[x].remove();
   c.appendChild(d);
}
}
})();

JQuery

/* Remove Profile Link in Blogger Comments by igniel*/
window.onload = (function ignielRemLinkNameCmt(){
if ($('#comments .comments-content')){
$('.comment-block .user').find('a').each(function(){
$(this).contents().unwrap().wrap('<span></span>');
});
}
});

Catatan:

Untuk menggunkan yang versi JQuery kalian harus scirpt JQuery dulu di blog kalian pada bagian headernya. Baik menggunakan CDN maupaun secara manual. Caranya sama saja dengan memasang Bootstrap di blogger. Hanya saja tag <diganti> dengan <script>

Ok, Sekarang kita masuk kecara memasang scriptnya di Blogger.

Silahkan login blogger, masuk ke menu tema dan cari edit html

Kemudian pasang Scriptnya didalam tag </script></script> ditempat yang kalian inginkan (boleh diantara tag <head></head> ataupun di atara tag <body></body>

Memasang Script

Jika ada error kemungkinan template blog kalian belum menggunakan CDATA jadi kalian bisa tambahkan di kodenya. Kodenya menjadi seperti dibawah ini

//<![CDATA[

/* Remove Profile Link in Blogger Comments by igniel*/
(function ignielRemLinkNameCmt(){
if (document.querySelector('#comments .comments-content')){
var a = document.querySelectorAll('.comment-block .user a');
for (var x = 0; x < a.length; x++){
   var b = a[x].text, c = a[x].parentNode, d = document.createElement('span'); d.innerHTML = b;
   a[x].remove();
   c.appendChild(d);
}
}
})();

//]]>

Silahkan coba kembali simpan atau perbaharui templatenya. Nah kemudian silahkang langsung periksa blog kalian yang sudah ada komennya. Jadinya akan seperti dibawah ini

Hasil Penghapus Link Diprofile

Selamat mencoba.

Sekian tutorialnya kali ini. Jangan lupa terus kunjungi ladangtekno untuk mendapatkan informasi dan tutorial mengenai dunia teknologi