Lightbox Image Effect

Log in to Blogger,

Go to Layout -> Edit HTML tab

Backup your Template first

Find this code on your template

</head> 

Immediately before that paste this code below:

<!--LIGHTBOX-IMAGES-STARTS--><link rel="stylesheet" href="http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/lytebox.css" type="text/css" media="screen" />
<script type="text/javascript" src="http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/lytebox.js"></script><!--LIGHTBOX-IMAGES-STOPS-->

Then click Save.

For Picture format:

<a href="http://TARGET_ADDRESS_OF_THE_IMAGE.jpg" rel="lytebox"><img src="http://SOURCE_ADDRESS_OF_THE_IMAGE.jpg"></a>

Demo:

Credits to Bloggerstop.net

Credits