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 + "&layout=button_count&show_faces=false&width=110&action=like&colorscheme=light&height=20"'></iframe> Pronto agora é só adicionar ao Blogger!
Artigo original do Notícia e blog.
