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/AVvXsEgyX1Lf5nAOjEeWQu8Mhs6x_53RUbiqFeNZp_JB4LnypX5q_jzp1DElecJuS7ObuEXr4-afUDzf9ZVncvJC0H74KnBGq7C9AKUT39914JBhGkonjGkQ2l5qyqB6lf_rbY79yyH4FTokqZg/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/AVvXsEgyX1Lf5nAOjEeWQu8Mhs6x_53RUbiqFeNZp_JB4LnypX5q_jzp1DElecJuS7ObuEXr4-afUDzf9ZVncvJC0H74KnBGq7C9AKUT39914JBhGkonjGkQ2l5qyqB6lf_rbY79yyH4FTokqZg/s800/no-img.png" height="120" width="120" />
Sekarang kita kuak misteri nyeleneh dari link anchor image blogspot ini :Dhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyX1Lf5nAOjEeWQu8Mhs6x_53RUbiqFeNZp_JB4LnypX5q_jzp1DElecJuS7ObuEXr4-afUDzf9ZVncvJC0H74KnBGq7C9AKUT39914JBhGkonjGkQ2l5qyqB6lf_rbY79yyH4FTokqZg/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/AVvXsEgyX1Lf5nAOjEeWQu8Mhs6x_53RUbiqFeNZp_JB4LnypX5q_jzp1DElecJuS7ObuEXr4-afUDzf9ZVncvJC0H74KnBGq7C9AKUT39914JBhGkonjGkQ2l5qyqB6lf_rbY79yyH4FTokqZg/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 =))
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//<![CDATA[
function ImgError(source){
source.src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtRY2_f8TKWcVuUMpQUTEapBaikfszOHziNsyaTKylrPsFvHFxyaMFNA26EftBPkqqcd1WjoSsvU0VJ4sz8STy1yYxk083JfOvyRcjzmIheViLpicj8SbSgh5YpecSWIern-HiD7lGzmo/";
source.onerror = "";
return true;
}
//]]>
</script>
<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.//<![CDATA[
$(document).ready(function(){
$("img").each(function(index) {
$(this).error(function() {
$(this).unbind("error").attr("src", "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtRY2_f8TKWcVuUMpQUTEapBaikfszOHziNsyaTKylrPsFvHFxyaMFNA26EftBPkqqcd1WjoSsvU0VJ4sz8STy1yYxk083JfOvyRcjzmIheViLpicj8SbSgh5YpecSWIern-HiD7lGzmo/"); // 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>
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/
<a expr:href='"http://twitter.com/home/?status=" + data:post.title + data:post.url' title='Share on Twitter!'>
Twitt This
</a>
<a expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' title='Share on StumbleUpon'>
StumbleUpon
</a>
<a expr:href='"http://www.reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' title='Share on Reddit'>
Reddit
</a>
<a expr:href='"http://digg.com/submit?phase=2&url=" + data:post.url + "&title=" + data:post.title' title='Digg!'>
Digg!
</a>
<a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' title='Share on Delicious'>
Delicious
</a>
<a expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&t=" + data:post.title' title='Share on Facebook.'>
Facebook
</a>