Home » » Add Lightbox Effect to Blogger

Add Lightbox Effect to Blogger

Lightbox is a simple, unobtrusive script used to overlay images on the current page. The Lightbox effect is useful when your post has many images or images with large sizes, it helps people to save time browsing images in an impressive way. We'll see how to add Lightbox effect to blogger.

How to install

Login to Blogger Dashboard, go to Layout > Edit HTML and add the following code right before the</head>tag:
<link href="http://rilwis.googlecode.com/svn/trunk/blogger/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="http://rilwis.googlecode.com/svn/trunk/blogger/lightbox.min.js" type="text/javascript"></script>
Then Save it.

How to use LightBox
<a href="Full size image url"><img src="Url of the thumbnail" /></a>

Click for Demo
Share this games :


Post a Comment

Sign up for FREE daily Updates.