Auto Lightbox for blogger

By | 1:52 PM 4 comments
For who doesn't know what lightbox is... Lightbox is a script that will open the images, inside the post, in a nice looking popup, without leaving the page. I encountered many situations in which the default Lightbox of blogger doesn't work as it should.

Most of the templates i tried simply doesn't work with the default lightbox in blogger and I have no idea why. So if lightbox doesn't work with your template, or you don't like how the default lightbox looks I will give you one of the best lightbox out there, that does the job automatically, so no "rel=lightbox" is needed.

This is how it will look:

Automatic Lightbox for Blogger

Step 1. Disable Blogger's Lightbox. Go to Settings > Post and comments > Showcase images with Lightbox "NO".

Step 2. Go to Template > Edit HTML. Click inside, then press "Ctrl + F" and search for this code:
</head>
Step 3. Place this code above </head>
<!--start lightbox script-->
<link href='https://googledrive.com/host/0BxqfHzcHGf-5WEZCeFN4Q25SdEU/lightbox.css' media='screen' rel='stylesheet' type='text/css'/>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'></script><script src='https://googledrive.com/host/0BxqfHzcHGf-5WEZCeFN4Q25SdEU/lightbox.min.js' type='text/javascript'></script>
<!--end lightbox script--> 
Step 4. Save the template and you are done.

The Advantages of using this lightbox script are:
  • It works automatically, you don't need to place "rel=lightbox" or other tag to your images.
  • It makes automatic galleries if there are multiple pictures in the post.
  • It auto adjusts on the image size.
  • It looks much cooler than the default lightbox,

4 comments: Leave Your Comments


  1. Everything looks fantastic.Amazing i m really impress with your content and very useful it sycamorereviewworld-education

    ReplyDelete
  2. Thanks of sharing this post…Python is the fastest growing language that helps to get your dream job in a developing area. It says every fundamental in a programming, so if you want to become an expertise in python get some training





    Dot Net Training in Chennai | Dot Net Training in anna nagar | Dot Net Training in omr | Dot Net Training in porur | Dot Net Training in tambaram | Dot Net Training in velachery

    ReplyDelete
  3. If anyone looking for best python training institute in delhi so contact here +91-9311002620 visit https://www.htsindia.com/Courses/python/python-training-institute-in-south-delhi

    ReplyDelete