How To Disable Lightbox Overlay Image Effect Feature In Blogger

In my last article i just bought a news from Google buzz that Blogger has just added Lightbox Overlay image Effect in all blogs by default and all blogger's are able to enjoy the new look of their images.But some like this new feature so much and some doesn't like this new feature of Blogger and all they want to remove/disable this new Lightbox Overlay Image Effect feature from their blog.So that's why in this morning i just try some simple coding's of Css to override Lightbox but not to avail.But i am started searching and come across a hack on another blog that does this job perfectly.

This hack is from the blog "Code From an English coffee Drinker" and it works a charm.

How To Override The Lightbox image Effect from Blogger

Step 1.) In Your Blogger Dashboard click on Design > Add A Gadget > Choose HTML/Javascript Widget.

Step 2.) Copy and paste the following code into the HTML/Javascript Gadget Form

<script type="text/javascript">
//<![CDATA[
function killLightbox() {
var images = document.getElementsByTagName('img');
for (var i = 0 ; i < images.length ; ++i) {
images[i].onmousemove=function() { 
var html = this.parentNode.innerHTML; 
this.parentNode.innerHTML = html;
};
}
}

if (window.addEventListener) {
window.addEventListener('load',killLightbox,false);
} else {
window.attachEvent('onload',killLightbox);
}
//]]>
</script><a href="tekleisure.blogspot.com">Best Blogging Tips & tricks</a>

Step 3.) Save your Gadget, you don't need to give it any title.

Drop your suggestions and questions as comments below.