Cursos 24 Horas - Cursos 100% Online com Certificado

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

5 Comentários Autor : Notícia e blog 13 março 2011

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 “&amp;” 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!

    5 Comentários

    downfirelivre disse...
    21 de março de 2011 19:16 #

    Cara a parte 2 tá incrivel, parabéns!!!

    sandra disse...
    9 de abril de 2011 13:24 #

    como faço para coloca varios blogger linkados em um mesmo blogger??
    Sandra
    paixao20045@hotmail.com
    aguardo contato

    sandra disse...
    9 de abril de 2011 13:30 #

    Por exeploNa postagem é possovel colocar varios endereços de blogger e linkar todos e fazer váios
    grupos, por categoria, receber comentários, dos leitore.
    Gostraia que alguém me ensinasse a fazer isso
    Aguardo resposta
    Sandra

    angry birds chrome disse...
    5 de julho de 2011 04:26 #

    thanks for share great post...

    simulador caixa disse...
    17 de maio de 2012 14:41 #

    ficou muito bom a parte 2! deu pra entender certinho, vlw! bjks!!


    Camille Almeida

    Postar um comentário

    Deixe seu comentário aqui
    Para exibir sua foto, escreva o seu comentário e clique em "Visualizar" e em seguida clique em "Adicionar Foto de Perfil"(Só é exibido quando o comentário é publicado como Conta do Google). Para editar seu perfil Clique aqui.