Lightbox / Photoblog Blogger Template

• Click here for Demo
  
• Original design by Stop Design, Javascript ported from Wordpress to Blogger by Gecko, Javascript by Lokesh Dhakar
• Download the Lightbox / Photoblog Template Code

p.s. This Blogger Template uses Javascript effect to display the images, please enable javascript console in your browser. Unlike other template, some of the images like gif and Javascript files have to be hosted on GeckoandFly’s server, I don’t know how much bandwidth it is going to consume in the long run but I do hope that the least you guys could do is not to remove the button on the template.

Now the tutorial part, there are some minor modification that you need to do or shall I say coding inorder to have that cool javascript effect. Its very simple, no worries. First you have to install the template, then follow the step by step tutorial below whenever you upload your images.
Step 1: Go to “Edit html” mode instead of “Compose” mode when uploading your images.

Step 2: After uploading the image, you’ll see the code for the image, select the string of codes that I’ve highlighted in yellow/beige in colour. Add a rel=”lightbox” attribute to the code.

Step 3: Replace the code in beige in colour with rel=”lightbox”. example below:

Don’t push the panic button, only 3 steps and its all about “copy” and “paste”. You have to apply the code for all the images in your blog, yes even for the previous images.