domingo, 10 de abril de 2011

Tags HTML no código do Blogger


Programando em HTML

Tags HTML no código do Blogger

I - Definindo o título da janela do site ou blog

Sintaxe:  <title> [Meu site/blog]</title>

*no espaço entre colchetes você deverá colocar o nome – não necessita de aspas – do título do seu site (que irá aparecer na barra de título do browser).

Ex.   <title> Blog do SM@rtiN</title>

Ao efetuar a busca na janela de código do Blogger, você encontrará a seguinte linha de comando:

<title><data:blog.pageTitle/></title>

II - Inserindo comentários

Para inserir comentários na página de código do Blogger você usa os comandos /*...............*/

Obs: Para que o comentário não apareca no navegador, você deve iniciá-lo no início da linha ou após o término de um comando – sem espaço.

Para entender melhor, veja os exemplos abaixo, extraídos da página de código do Blogger:
<Variable name="startSide" description="Side where text starts in blog language" type="automatic" default="left" value="left"/>
   <Variable name="endSide" description="Side where text ends in blog language" type="automatic" default="right" value="right"/>
*/

/* Use this with templates/1ktemplate-*.html */

/* Content
----------------------------------------------- */
body {
  font: $(body.font);
  color: $(body.text.color);
  background: $(body.background);
}

Observe que nos dois casos o comentário foi colocado no início da linha. Após digitar “/*” você pode deixar um espaço para o texto de comentário, bem como quando for fechar o comentário (comando */).

Agora veja o próximo exemplo abaixo:
<head>
    <meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
    <b:if cond='data:blog.isMobile'>
      <meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
    <b:else/>
      <meta content='width=1100' name='viewport'/>
    </b:if>
    <b:include data='blog' name='all-head-content'/>
    <title><data:blog.pageTitle/></title>

    <b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name:     Watermark
Designer: Josh Peterson
URL:      www.noaesthetic.com
----------------------------------------------- */


Observe que o comando /* foi colocado após o término da linha de comando. O fato de ficar um espaço após o comando não causa problema, pois o navegador desconsidera os espaços em branco no final das linhas de comando.

Bem, por enquanto ficamos por aqui.

Um abraço!

Nenhum comentário:

Postar um comentário

Se você gostou deste artigo poste um comentário!

Observações:
1º) Somente usuários com conta no Google poderão publicar seus comentários aqui no Blog do SM@rtiN.
2º) Todos os comentários serão avaliados pelo administrador do blog para posterior publicação.
3º) Os textos com conteúdo impróprio, ofensas e palavrões serão automaticamente excluídos. Se houver reincidência, o acesso do usuário ao blog será bloqueado.

Obrigado!