iBlognet

Home Blogger Google

Disable Blogger Lightbox Feature

by Editor

Update 22/09/2011 : Blogger rolls back the lightbox feature and will relaunch again with improvements to the lightbox feature, after a huge concerns laid out in Blogger forums.  

Recently blogger added lightbox feature for blogger blogs. Overall I liked this feature, except the image gets resized in lightbox if the width of the image is wider where the image looks squeezed. But everyone doesn’t have the same taste.

There has been a huge discussion about this feature in blogger groups. And going through this discussion it looks like most of the bloggers gave a thumbs down to this feature. Either due to lack of zoom in/out feature, or due to image resize problem. There should be an option to disable this feature somewhere in the editor or in the settings itself. Anyways, if you dislike this blogger feature, you can disable this by adding a simple script in your blogger template.

Login to your blogger account. Go to template and Edit HTML. Click Proceed and search for </head>. And just add the following code above the </head>tag.

<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>

Save your template and click any image from your blog. You can also add the script to the Layout section via HTML/Javascript gadget. See the video tutorial below:

Video Tutorial: 

Thanks JJ93 

Article by »


Admin and Editor of iBlognet iBlognet has written 294 fantastic article(s) on iBlognet.


Author Connect »

Comments on this entry are closed.

Previous post:

Next post: