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
0 comments:
Post a Comment