Script for Broken Image Link & Funny Link Img Blogspot

Awal iseng cari-cari blank image yang datang dari hostingan Picasa. Tidak sengaja coba² link image yang sudah dapat mengupload di editor blog pada address bar. Blank image tidak ketemu malah dapat trik sedikit nyeleneh ;)) Mulanya jika sobat telah beres meng-upload sebuah gambar ketika memosting pasti mendapatkan link anchor img! Iconnya yg seperti ini loh kala bos meng-add image
Secara default akan ada option pilihan None, Left, Right, and Center. Tidak masalah dengan posisi mau dimana juga, fokus saja pada link acnhor imagenya. Like this result of link anchor img by blogspot blogger<img style="cursor: pointer; cursor:hand;width: 120px; height: 120px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgV8GUP5E1pUlxQM7np2BZWu4PrWVnqMLoC-w95-QF9qcxkxGkaKcXkA1h9FleKIvl0soao0cFhqtrkdeGTyzWJcxzvv_4GGBYPBiQE3o4kLORTB0ciHFB5LKxSKD-pKbUbs7vHdAbPriA/s320/no-img.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5623271376163351810" />Beda lagi anchornya kalo kita masuk ke album picasa.<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgV8GUP5E1pUlxQM7np2BZWu4PrWVnqMLoC-w95-QF9qcxkxGkaKcXkA1h9FleKIvl0soao0cFhqtrkdeGTyzWJcxzvv_4GGBYPBiQE3o4kLORTB0ciHFB5LKxSKD-pKbUbs7vHdAbPriA/s800/no-img.png" height="120" width="120" />Sekarang kita kuak misteri nyeleneh dari link anchor image blogspot ini :D
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgV8GUP5E1pUlxQM7np2BZWu4PrWVnqMLoC-w95-QF9qcxkxGkaKcXkA1h9FleKIvl0soao0cFhqtrkdeGTyzWJcxzvv_4GGBYPBiQE3o4kLORTB0ciHFB5LKxSKD-pKbUbs7vHdAbPriA/s320/no-img.png
Jika resolusi gambar besar, sebenarnya terdapat link anchor langsung menuju ke gambar tersebut <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgV8GUP5E1pUlxQM7np2BZWu4PrWVnqMLoC-w95-QF9qcxkxGkaKcXkA1h9FleKIvl0soao0cFhqtrkdeGTyzWJcxzvv_4GGBYPBiQE3o4kLORTB0ciHFB5LKxSKD-pKbUbs7vHdAbPriA/s1600/no-img.png">Lorem Ipsum</a>
Tapi dengan menghilangkan angka s320/s400/s800/s1600 pada anchor image diatas, itu juga sudah bisa membuat gambar pada resolusi aslinya.

Nyelenehnya ada pada sesi ini nih ;)) :"> Copy paste link berikut pada address bar biar terlihat apa yang Beben Koben si bloglang anu ganteng kalem tea maksudkan & perhatikan kode²nya yg sama tapi tak serupa :-"
Klik buat mengambil link!
Klik buat mengambil link!
Klik buat mengambil link!
Source by picasa album...
Klik buat mengambil link!
Klik buat mengambil link!
Klik buat mengambil link!
Mungkin bisa lebih banyak lagi variasi link image tersebut bila dirubah-rubah namun hasil akan tampak sama :)) LoL Pantesan setiap kali melakukan search image via google selalu jauh dari keywords gambarnya =))

Link gambar error alias tak ada lagi karena terhapus, expired or else reason bisa menimbulkan pemandangan yang kurang sedap dipandang. Satu hostingan mungkin lebih mudah mendeteksi kerusakannya, nah kalao lebih dari satu sobat menggunakan hostingan gambar gimane ceritanye tuh!!!
Berawal mengunjungi sobat jauh, lalu dapat trik menyembunyikan/mengganti gambar rusak menggunakan javascript, here we are Ciudad Blogger.
Setelah dilakukan praktek diblog dummies Beben ternyata tidak suskses bro :-s trik dari sobat Ciudad. Search melakukan pencarian, binggo dapet :P

Trik Pertama

Javascript

<script type="text/javascript">
//<![CDATA[
function ImgError(source){
source.src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggtgfgFiYM2tt_Twa4nOjeyuh_GpDoGXpR2F07eg1ZKnRTEBmKauHADGi6reMLCT7Bm_nGoPWbgfGy9rQqsJu3w86IZFSsSLPXe3fu6y-CNFrEab1p-QNcQ-g1vF6dA3h_ocC9uq84PAk/";
source.onerror = "";
return true;
}
//]]>
</script>

Pemakaian
<img style="cursor: pointer; cursor:hand;width: 120px; height: 120px;" src="http://3.bp.blogspot.com/-WAkEGqGeVs/TgnfhfPWrQI/AAAAAAAADjc/gqCTHxT4d80/s320/no-img.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5623271376163351810" onerror="ImgError(this)" />
Pada syntax image tinggal membubuhi atribut kode warna merah! Ribet kan, tapi ini berjalan baik pas dites. Letakan terlebih dahulu javascript diatas tag </body>, link default image bisa sobat ganti dengan kreasi sendiri (tulisan warna biru)

Trik Kedua

jQuery replace broken link for image.

<script type='text/javascript'>
//<![CDATA[
$(document).ready(function(){
$("img").each(function(index) {
$(this).error(function() {
$(this).unbind("error").attr("src", "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggtgfgFiYM2tt_Twa4nOjeyuh_GpDoGXpR2F07eg1ZKnRTEBmKauHADGi6reMLCT7Bm_nGoPWbgfGy9rQqsJu3w86IZFSsSLPXe3fu6y-CNFrEab1p-QNcQ-g1vF6dA3h_ocC9uq84PAk/"); // If you want to replace with any blank image.

$(this).hide();//You can simply Hide it using this.
});
$(this).attr("src", $(this).attr("src"));
});
});
//]]>
</script>

Pakai jQuery tidak perlu embel-embel atribut lagi. Script plugin diatas akan menyembunyikan setiap ada link image yg rusak. Kalau default image broken tampil, sobat hanya perlu mengganti script tulisan hide menjadi show
Nanti akan muncul default img brokennya (kode warna biru) Begitulah sekelumit mengenai image dan tetek-bengeknya. Semoga bermanfaat :) Lebih kurangnya mohon dimaafkan, kebenaran hanya milik Alloh SWT :)
Script & coded by http://crazzycoding.blogspot.com/2011/01/jqueryjavascript-to-replace-broken.html - http://maisonbisson.com/blog/post/12150/detecting-broken-images-in-javascript/
Happy broken image \m/