Menghilangkan Link Gambar pada Postingan dengan JavaScript

Menghilangkan Link Gambar pada Postingan dengan JavaScript - Pada umumnya jika kita mengupload gambar pada postingan blog tentu saja setelah dipublikasikan source link gambar akan muncul, itu karena memang sudah otomatis disediakan oleh blogger jika mengupload gambar akan muncul <a href> pada gambar. Jika ingin menghapus secara manual akan terasa lama dan ditambah lagi dengan artikel yang sangat banyak, akan sangat memakan waktu yang lama dan pasti bakalan cape sob.

Disini dandidesain akan memberikan tutorial cara menghilangkan link gambar pada postingan dengan javscript, dengan cara ini maka elemen link <a href> pada gambar otomatis hilang pada source postingan blog kita.

Jika gambar postingan blog di inspect elemen maka akan ada elemen <a href> pada gambar tersebut.

Inspect elemen pada gambar (Masih muncul link <a href>)

Inspect elemen pada gambar (otomatis terhapus jika menggunakan JavaScript ini)

Cara Menghilangkan Link Gambar pada Postingan

Metode ini dengan menggunakan javascript, jadi tidak usah menghapus satu persatu link gambar pada postingan.

Masuk ke blogger.com -> Template -> Edit HTML
Tambahkan kode dibawah ini diatas kode </body>

<script type='text/javascript'>
//<![CDATA[
$(".separator a:has(img)").each(function() { $(this).replaceWith($(this).children()); });
//]]>
</script>

Kemudian simpan, selesai.

Javascript, Tutorial Blogger