Comentarios sin revisar del artículo: Efecto de sombra con CSS

Hola

Gracias por su invaluable apoyo.

Entiendo que el código siguiente es claro y específico:

<div class="blur">
<div class="shadow">
<div class="content">bla bla</div>
</div>
</div>

Pero no sé dónde ni cómo insertar el link de mi foto:

<a href="http://loscuervosdeelias2.blogspot.com/search?updated-max=2009-02-06T13%3A24%3A00-05%3A00&max-results=1"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 384px; height: 215px;" src="http://2.bp.blogspot.com/_A0HHUEJhH2U/SYx_0z54OMI/AAAAAAAAAIU/PSQS-6nXccA/s400/Paisaje.JPG" border="0" alt=""id="BLOGGER_PHOTO_ID_5299751406771124418" /></a>

Pienso que falta un ejemplo práctico que ayude a dar aplicación al código. Porque ahora tengo los dos elementos: 1) El código para la sombra y 2) el link de mi foto. Pero he intentando infructuosamente combinarlo de diferentes maneras, y ninguna funciona.

En todo código debería adjuntarse un pequeñito ejemplo de su aplicación práctica. De otro modo, uno queda tan ciego como lo estaba antes.

Gracias por su paciencia y comprensión.
Miguel