Sunday, October 9, 2011

How To Turn Off Or Disable The New Blogger Lightbox Feature

Best Blogger Tips
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.

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">
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) {
} else {

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

That's it Lightbox is gone and images will be displayed as before.



Post a Comment

Related Posts Plugin for WordPress, Blogger...

Get Our Latest Posts Via Email - It's Free

Enter your email address:

Delivered by FeedBurner