O efeito Light Box serve para destacar uma imagem quando você clica nela, deixando o fundo do site escuro, como na imagem acima.
Copie o código quando você for usar a Light Box. No código estão os seguintes itens:

Imagem em destaque: essa é a imagem que aparecerá na janela Light Box quando alguém clicar no link

Minha legenda: este texto aparece embaixo da imagem em destaque dentro da janela Light Box. 

Imagem ou texto: aqui é como aparecerá no blog o link para ver a tal imagem em destaque.

Código da Light Box:
<style type="text/css"> <!-- #lightbox{background-color:#eee;padding: 10px;border: 2px solid #000000;} #lightboxCaption{font-size: 0.8em;padding-top: 0.4em;} #lightbox img{ border: none; } #overlay img{ border: none; } #overlay{background-image: url(http://img534.imageshack.us/img534/6039/overlayo.png);} * html #overlay{ background-color: #333;background-color: transparent;background-image: url(http://img43.imageshack.us/img43/3623/fundomg.gif);filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://img179.imageshack.us/img179/5197/loading.gif", sizingMethod="scale");} --> </style><br /> <script type="text/javascript" src="http://acessoriosparablogs.com.br/scripts/lightbox.js"></script><br /> <a href="imagem em destaque" rel="lightbox" title="minha legenda">imagem ou texto</a>