How To Turn Off Or Disable The New Blogger Lightbox Feature




| 14 comments

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.


Join over 5000 Subscribers! Please sign up to receive Updates.

SUYB has its Focus on Quality. If we post Crap, you can unsubscribe.

No Spam and No Garbage! - Use RSS, Twitter & Facebook as an Alternative


If You Enjoyed This Post Please Take 5 Seconds To Share It.

14 comments:

  1. You (and the Coffee Drinker) rock! THANK YOU for posting this!!

    ReplyDelete
  2. We asked and you delivered! Thank you so much! You're the best :)

    ReplyDelete
  3. So much info in this blog! Its very useful for new bloggers like me.

    Thanx a lot

    ReplyDelete
  4. Glad you found my fix useful! I've actually improved the code a bit recently so that it works even better than before. It looks as if Blogger are going to roll the change back though, so hopefully we won't need any version of the fix for much longer.

    ReplyDelete
  5. A sigh of Relief , this feature endangered my Blog's Existence in itself. Thanks for Sharing

    ReplyDelete
  6. On my blogs it appears that Blogger has rolled back the Lightbox feature. Now if they would only get ready of the icons that popup when the mouse pointer moves over a picture. I have noticed the icons also show up on Google maps.

    ReplyDelete
  7. Hey Plz want to add the same effect or like that only in the post pages...if that not suitable plz help me what will be set for images to open from all the posts...

    ReplyDelete
  8. My previous reply about the popup icons was incorrect. I have since discovered it was due to a extension that I installed on Google Chrome browser. Sorry for the bad info.

    ReplyDelete
  9. It looks as if Blogger are going to roll the change back though, so hopefully we won't need any version of the fix for much longer.Thanks a lot for posting this..

    web Design london>

    ReplyDelete
  10. Awesome tip. I disliked the light bar a lot. My biggest gripe with it was you could not enlarge what you were looking at.
    got it installed without a problem
    thanx
    ralph

    ReplyDelete
  11. It worked for me in Internet Explorer but the box is still there in Firefox???

    ReplyDelete



Important - If you ask a question make sure you tick the "Notify Me" box below the comment form to be notified of follow up comments and replies.


Hire Us