Adding Lightbox to dasBlog

Lightbox is that cool photo-opening javascript/css combo.  You know, the one where the page is greyed out and the image is overlaid on the page.  If you haven’t seen it, go to http://www.huddletogether.com/projects/lightbox2/ for a demo.  While you’re there, download it.

Once you have the download, unzip it.  Upload the JS, CSS and IMAGES folders to your dasBlog root.  If you have an images folder there already, just add the images to that folder.

To add the scripts and CSS to your blog, you need to find the theme.  Figure out which theme you’re using, and drill down in the Themes folder, and open your theme’s folder.

Find the homeTemplate.blogtemplate file, and open it in Notepad.  In the <HEAD> section, add the four includes (three JS and one CSS) as specified on the Lightbox sit  You can cut and paste from the sample page in the ZIP if you’re lazy.

That’s it!  All you need to do is activate your links with ‘rel=”lightbox”’, and you’re good to go.