Membuang Link Gambar Yang Rusak Dengan jQuery

Bismillah. Gambar merupakan salah satu perlengkapan pada blog yang berfungsi sebagai penegas, pemanis, iklan, atau bahkan sebagai pengampai suatu kalimat singkat yang terkadang sulit untuk disampaikan dengan tulisan. Gambar mampu mewakili kalimat panjang yang digunakan untuk menuangkan ekspresi seseorang dan banyak lagi fungsi dari gambar. Bagi blogger yang suka mengupload gambar sebagai pelengkap suatu artikel harus lebih berhati-hati dengan hosting yang digunakan, karena bisa saja gambar-gambar yang sudah kita upload dikemudian hari akan dihapus oleh pemilik hosting. Hal ini akan merusak tampilan artikel yang sudah ditulis. Jika jumlah gambar sedikit kita bisa saja dengan mudah untuk menggantinya, bagaimana jika gambar yang sudah kita sertakan berjumlah ratusan? Pusiiiiing...

Link gambar yang rusak atau hilang (broken image) sangat menggangu tampilan dari blog, dari pada kita harus mengecek satu-persatu gambar pada blog kita dan kemudian membuangnya, lebih baik kita menambahkan sedikit script jQuery untuk membuangnya secara otomatis link gambar yang rusak (broken image).

Kode jQuery Untuk Membuang Link Gambar Yang Rusak

Langkah 1
Login ke Blogger
Langkah 2
Masuk ke "Rancangan - Edit HTML"
Langkah 3
Cari kode dibawah ini:

</head>

Langkah 4
Masukan (copy paste) kode dibawah ini diatas kode pada langkah 3:

<script src='http://code.jquery.com/jquery-latest.min.js' type='text/javascript'/>
<script type='text/javascript'>
$('img').error(function() {
$(this).remove();
});
</script>

Langkah 5
Simpan template dan preview blog anda...

Happy Blogging... :)

jQuery