How To Turn Off Or Disable The New Blogger Lightbox Feature

Add This To Del.icio.us Tweet/ReTweet This Share on Facebook StumbleUpon This Add to Technorati Digg This

In the last post i brought you news of how Blogger had just added Lightbox to all Blogger Blogs.While lightbox is a neat way for people to view images in your posts it has not been to every ones taste.I have received a few comments and Emails asking is their a way to turn off light box or disable lightbox.This morning i spent some time trying to work a simple line of Css to override lightbox but to no avail.However i did come across a hack on another blog that does the job perfectly.

This hack is from the blog Code from an English Coffee Drinker (Love the title make sure to check it out) and it works a charm.I also have a video tutorial at the bottom of the post.

Override Lightbox On Blogger Blogs

Step 1. In Your Blogger Dashboard Click Design > Add A Gadget > Choose Html/Javascript







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>

Step 3. Save The Gadget, You don't need to give it a title.

Video Tutorial

That's it Lightbox is gone and images will be displayed as before.All the thanks for this goes to Code from an English Coffee Drinker.

Drop Your Comments And Questions Below

Do you Like this Article..?

Get Free Email Updates Daily!	Follow us!