Cursos 24 Horas - Cursos 100% Online com Certificado

Variáveis HTML do Blogger

9 Comentários Autor : Notícia e blog 01 abril 2010

O Blogger possui muitos variáveis algumas como publiquei aqui no blog definem CSS, mas hoje vou ensinar as variáveis que definem HTML, como por exemplo os títulos das postagens, o nome do blog, a URL dos artigos, e alguns outros que geram funções muito boas, alguns dos Widgets que passo pra vocês aqui no blog usam estas variações pois não tem como ficar colocando uma URL diferente no widget manualmente seria muito complicado, veja o exemplo do botão do Twitter, veja que ele envia a URL do post independente de qual post seja ele pega este link do próprio artigo automaticamente ou seja variável gera o link no próprio script, veja também aqueles templates que a gente baixa na internet eles vem prontos pra ser instalados pois você instala e já aparecem o nome do seu blog, de seu artigos, etc. Vamos conhecer algumas destas variáveis abaixo:

Variáveis HTML

1ª Variáveis só podem ser usadas diretamente no HTML da página ou seja Layout-> Editar HTML.
2ª Só funcionam entre tags como <body> e </body> , <head> e </head>. Não funcionam em folha de estilo por isso não use antes de ]]></b:skin> pois não vai funcionar.
3ª São iniciadas com "data:" -> palavra data seguida se dois pontos. E em seguida designação se for postagem será post se for do blog será blog

Conhecendo algumas

Variável para gerar título da postagem:
<data:post.title/>
Variável para gerar URL da postagem:
<data:post.url/>
Variável para gerar nome do autor da postagem:
<data:post.author/>
Variável para gerar título do blog:
<data:blog.title/>
Variável para gerar URL do blog:
<data:blog.url/>
Estas são as principais existem outros mais quase nunca são utilizadas em funcionalidades de widget, links, títulos, etc.

Onde usar

Um exemplo de onde usar seria o widget do Google buzz, veja como ele seria e como ficou após a adaptação para o Blogger:
Antes:
<script type="text/javascript">
var njuice_buzz_size = 'small_green';
var njuice_buzz_title = 'www.noticiaeblog.com';
var njuice_buzz_url = 'Notícia e blog';
</script>
<script type="text/javascript" src="http://button.njuice.com/buzz.js"></script>
Depois:
<script type="text/javascript">
var njuice_buzz_size = 'small_green';
var njuice_buzz_title = '<data:blog.url/>';
var njuice_buzz_url = '<data:blog.title/>';
</script>
<script type="text/javascript" src="http://button.njuice.com/buzz.js"></script>

Obs: Foi utilizada variáveis do blog.


Imagem: masternewmedia.org

    9 Comentários

    Jc Denton disse...
    1 de abril de 2010 18:33 #

    Uma coisa que sempre me incomodou é essa cronologia na URL, tem como tirar isso?

    Notícia e blog disse...
    2 de abril de 2010 11:10 #

    @Jc Denton, ainda não há como.

    Marcos Lemos disse...
    2 de abril de 2010 22:32 #

    Olá,

    Sou o Marcos Lemos, editor do [ FerramentasBlog.com ] e por um acaso me deparei com seu blog, enquanto fazia pesquisa de palavras-chave.

    Pode ser ignorância minha, mas em tanto tempo de existência, essa é a primeira vez que vejo seu blog. A surpresa mesmo ficou por conta da qualidade de seu trabalho e seu conteúdo.

    Estou entrando em contato para conhecer vc e dizer que gostei muito do que encontrei aqui.

    Responde aí se der e diz o seu nome, rs!
    hordones@gmail.com

    Notícia e blog disse...
    3 de abril de 2010 11:07 #

    @Marcos Lemos, meu nome é Fernando Ferreira Passe e sou o criador do (Notícia e blog), estou criando ainda a página sobre, mesmo porque eu troquei de template recentemente e ainda estou adaptando ele. Obrigado por sua visita.

    DasLoukas Fashion disse...
    26 de outubro de 2010 23:56 #

    Fernando, estou começando no mundo dos Blogueiros e desculpa se minha pergunta é boba, mas eu uso um template que encontrei na net. Existe a possibilidade de trocar as cores do template mexendo no html? Por exemplo trocar só a cor do fundo do blog de uma cor para outra? nem sei se vc vai entender... ksksksks

    girls-dressup.net disse...
    29 de abril de 2011 05:50 #

    it's really great post.thanks so much

    Jefferson disse...
    30 de abril de 2011 11:42 #

    @DasLoukas Fashion Para trocar a cor do fundo, procure o estilo body no seu CSS, ou seja, no estilo do seu layout. Você encontrará abaixo o style Background. Geralmente ele vem com uma imagem em link e do lado você encontra um código como esse: #FFFF00 - Esse código é referente ao fundo (background) do seu blog. Para saber o html de cada cor, favor consultar este link: http://goo.gl/e97FK. Se parecer muito complicado, tire suas dúvidas aqui, estamos aqui para ajudá-lo! Gostei muito do post, gosto dessas variações que são fáceis de lembrar, bela dica!

    Jefferson disse...
    30 de abril de 2011 11:49 #

    Boa dica, sempre uso essas variações que são mais curtas e fáceis de lembrab, belo post!

    @DasLoukas Fashion - você tem que procurar o CSS (estilo de layout do seu blog) que geralmente fica logo no inicio do html. Você vai achar o CSS body e abaixo a style Background (que é o fundo). Você provavelmente verá um código como esse: #FFFF00; - esse é o código da cor do fundo. Para saber o código das cores em html, favor consultar esse link: http://goo.gl/e97FK. Se lhe parecer muito complicado, deixe sua dúvida aqui, pois não é tão complicado como parece!

    Vinícius Olinda da Hora disse...
    22 de fevereiro de 2012 20:14 #

    Fernando, estou precisando transformar uma página do blog em sub-página ou seja, quero que a página principal do meu blog não seja o blog e sim uma página estática que dou o nome de home é possível???

    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.