Como obter o URL da primeira imagem da postagem no Blogger

Aprenda como obter automaticamente a URL da primeira imagem da postagem.

Leia também:

Para criar alguns efeitos de imagem no seu blogger, será necessário que você crie um elemento div e dentro dele aplique um src='' para que ao expandir este div a imagem seja expandida também.
Agora, não seria interessante se você conseguisse fazer isto automaticamente ? Veja abaixo como:

Primeiro você precisa saber que o código vai retornar a primeira imagem da postagem, para isto você deverá aplicar ele dentro da área de postagem do seu blogger. Ou seja, ele não vai funcionar em qualquer área do seu código fonte.

O código deverá ser aplicado somente dentro de <b:loop values='data:posts' var='post'> ou dentro de <b:includable id='post' var='post'>

Sabendo disto, você poderá aplicar o código da maneira que quiser para criar o efeito que você deseja como url da primeira imagem da postagem.

JavaScript:

<div class="newphoto" ></div>
<script>
document.getElementsByClassName('newphoto')[0].style.backgroundImage = "url('<data:blog.postImageUrl/>')" ;
</script>

Ou via jQuery:

$('.newphoto').css("background-image", "url('<data:blog.postImageUrl/>')");