Variáveis do Blogger em URL, Iframe e Script - Parte II

Continuando o assunto de variáveis veremos hoje aplicação direta em URL, para que elas exerçam funções variáveis.

Aplicando em URLs

Como exemplo vamos usar o iframe que gera o botão compartilhar do Facebook:

<iframe allowTransparency='true' frameborder='0' scrolling='no' src='http://www.facebook.com/plugins/like.php?href=http://www.noticiaeblog.com/2011/03/variaveis-do-blogger-em-url-iframe-e.html&layout=button_count&show_faces=false&width=110&action=like&colorscheme=light &height=20'></iframe>

Primeiro passo é identificar as variáveis, veja que aqui é o link da postagem. Agora devemos colocar o expr: antes do atributo src, para que o Blogger identifique as variáveis presentes na URL.Vale lembrar também que todas as aspas devem ser comuns, ou seja, de uma só não pode ser as dublas. Agora isolaremos tudo o que antecede as váriaveis com as aspas dublas veja:
<iframe allowTransparency='true' frameborder='0' scrolling='no' expr:src='"http://www.facebook.com/plugins/like.php?href="http://www.noticiaeblog.com/2011/03/variaveis-do-blogger-em-url-iframe-e.html"&layout=button_count&show_faces=false&width=110&action=like&colorscheme=light &height=20"'></iframe>

Agora iremos substituir o trecho em vermelho pela variável do Blogger, mais observe que adicionaremos um caractere de união, veja:

<iframe allowTransparency='true' frameborder='0' scrolling='no' expr:src='"http://www.facebook.com/plugins/like.php?href=" +data:post.url +"&layout=button_count&show_faces=false&width=110&action=like&colorscheme=light &height=20"'></iframe>

Veja o caractere mais( + ), uni o que está antes com o que está depois. Lembre-se também de adicionar um espaço antes e depois do caractere.

Adequando Caracteres Incompatíveis com o Blogger

O Blogger é incompatível com alguns caracteres, mais estes podem ser convertidos para um formato  que seja mais adequado veja o exemplo do caractere “&”, no código acima daria erro devido a presença deste símbolo, por isso após ser convertido ele ficou assim “&” aí é substituir todos os “&” por isto, veja:

<iframe allowTransparency='true' frameborder='0' scrolling='no' expr:src='"http://www.facebook.com/plugins/like.php?href=" +data:post.url +"&amp;layout=button_count&amp;show_faces=false&amp;width=110&amp;action=like&amp;colorscheme=light&amp;height=20"'></iframe>

Pronto agora é só adicionar ao Blogger!