Follow me on Twitter RSS FEED

Pesquisar

"Como fazer isso, as tags do Blogger"..."Modelo do Blogger"

Posted in
"  Modelo do Blogger: 

Como fazer isso,

as tags do 

Blogger"









"Blogger é uma plataforma muito agradável, que permite muito fácil enviar mensagens e também faz você personalizar e fazer o seu próprio modelo. Mas isso não tem nenhum servidor externo para que você tenha de fazer cada coisa dentro do código html, sem PHP ou outra fonte externa. (Você pode fazer upload de CSS e JavaScript em outro servidor). Então eu vou lhe dizer algumas marcas importantes que é usado para fazer blogger modelo usando alguns exemplos."

"Como você sabe uma página html simples parecida com esta."
<html>
 <cabeça>
<título>Vikas bhardwaj</título>
<estilo>
</estilo>
</cabeça>
<corpo>
</corpo>
</html>

Agora usamos no blogger
<dados: blog.pageTitle/>.

em vez de usar Tag do título, porque não sabemos o nome do seu blog e ainda não quer inseri-lo repetir contagem.

O que é CSS no blogger

CSS é uma folha de estilo que é usado para moldar todo o design e aparência do blog. Então, que inclui a cor de fundo, cor do link, largura, altura e estrutura de todas as coisas. Agora, cada quadro css é o mesmo, mas nós também adicionar este css no html todo. Nós adicionamos css no segmento de estilo.

 
<html>
 <cabeça>
<título>MEU SITE</título>
<estilo>
body (
  background: black;
  margin: 0;
  color: # 333333;
  fonte: Arial x-small, Sans-Serif;
  font-size */:/**/ / * pequenas;
  font-size: / ** / pequeno;
  text-align: center;
  )

a: link (
  color: # ff9900;
  text-decoration: none;
  )

a: visited (
  color: # 333;
  text-decoration: none;
  )

a: hover (
  color: # 333;
  text-decoration: underline;
)

uma img (
  border-width: 0;
  )

# Wrapper (exterior
  width: 960px;
  margin: 0 auto;
  text-align: left;
  Arial font: normal 13px normal, Sans-Serif;
  )

# Header-wrapper (
  margin: 0 auto 10px;
  border: 1px # ffffff sólidos;
  )

# Header (interior
  background-position: center;
  margin-left: auto;
  margem direita: auto;
)

# header (
  margin: 5px;
  border: 1px # ffffff sólidos;
  text-align: center;
  color: # ffffff;
)

# Header h1 (
  margin: 5px 5px 0;
  padding: 15px 20px ,25 em;
  line-height: 1.2em;
  text-transform: uppercase;
  letter-spacing: .2 em;
  font-size: 30px;
)

# Header a (
  color: # ffffff;
  text-decoration: none;
  )

# Cabeçalho a: hover (
  color: # cccccc;
  )

# header. (descrição
  text-transform: uppercase;
  letter-spacing: .2 em;
  line-height: 1.4em;
  font-size: 14px;
  color: # cccccc;
 )

# header (img
  margin-left: auto;
  margem direita: auto;
)



</estilo>
</cabeça>
</html>
 
 
 
folha de estilo é uma espinha dorsal de qualquer site blog de boa aparência / site para que desta forma podemos
concepção de um bom resultado.

Blogger usa o termo "invólucro exterior," para definir o container principal, ou seja, aquele em que todas as caixas do outro estão contidos. Além disso, acrescenta o "wrap2" que nem sempre é usado, mas bom se o usuário deseja fazer o download estilos adicionais (uma imagem de fundo, no fundo, por exemplo). Portanto, há duas divs encerramento no final do código. A caixa é onde o título ea descrição do blog é o "header-wrapper".
 

Agora vou falar sobre ]]> </ B: skin>. folha de estilo blogueiro está incluído nestas tags você pode ver o demo por ver código fonte da página com o botão direito do seu mouse.

A marca está próxima b: section é alwase tem dois componentes é um id de classe nad. Que permitem que você esta ligação id a qualquer estilo de CSS e também não controla. de dispositivos que adicionar ou não. O seções pode ser preferido: "sim" ou showaddelement = 'não' . Quando é preferido: "sim" ela sempre aceita a adição de widgets, quando showaddelement pode ser 'Não' (Não aceita a adição de widgets) ou «Sim» (Aceitar a adição de widgets). A diferença entre preferenciais "sim" e showaddelement = 'yes' é que quando você usa showaddelement pode determinar o número máximo de itens na seção, com maxwidgets eo número de widgets que você quer para a seção. 


Assim como o divs , Tags b: section devem ser fechadas com uma barra invertida ( </ B>:> seção) Para fechar o código.


Há poucas marcas que você precisa entender.


<$ BlogPageTitle $> - Dá suas páginas títulos publicados no blog inteligente ("Nome do blog" para a página do índice, "Nome do Blog:" Data de páginas de arquivos e "Nome do Blog: Post Título" para as páginas de postagem). Melhor usado em um modelo de <head>, Entre <title> e </ Title>.

<$ BlogTitle $> - A título do blog.

<$ BlogDescription $> - A descrição do blog.

<Blogger> & </ Blogger> - Essas etiquetas contêm o conteúdo que vai ser a saída para cada post na página. A maioria das tags a seguir deve ser dentro destes para funcionar corretamente.

<BlogDateHeader>
<$ BlogDateHeaderDate $>
</> BlogDateHeader - Esses cabeçalhos data de saída, que exibem uma vez por dia, independentemente de quantos posts foram feitos na mesma data.

<BlogItemTitle>
<BlogItemURL>
<A href = "<$ BlogItemURL $>">
</> BlogItemURL
<$ BlogItemTitle $> </ a>
</> BlogItemTitle - Estes saída de cada post Título, Ligada às suas URLs associados se você estiver utilizando o campo link característica. Remova a segunda, terceira e quarta linhas para desvincular os títulos.

<$ BlogItemBody $> - O conteúdo de um post. 

<$ BlogItemAuthor $> - O autor do post, usando tanto o primeiro e último nomes (conforme especificado no perfil do autor). 

<$ BlogItemAuthorNickname $> - O nome de exibição do autor do post. 

<$ BlogItemAuthorEmail $> - O endereço de e-mail do autor de um post. 

<$ BlogItemAuthorURL $> - O URL da página do autor do post. 

<$ BlogItemDateTime $> - A data e / ou tempo de um post. 

<$ BlogItemNumber $> - O número de identificação única do post. 

<$ BlogItemArchiveFileName $> - O nome do arquivo do posto 

<$ BlogItemPermalinkURL $> - A permalink do posto de 

<$ BlogItemControl $> - A Quick Edit link do posto de
<BlogDateFooter>
 
</> BlogDateFooter - Similar à data cabeçalhos, conteúdo entre essas tags será exibido uma vez por dia, independentemente do número de postos de trabalho naquela data.


"Vou dizer algo como mote para fazer um blogger template no meu próximo tutorial assim lê-lo e esperar agora."

Graças a

fonte e créditos:
http://vkbhardwaj.blogspot.com/
2010/04/blogger-
template-how-to-make-it-
blogger.html#more













0 comentários:

Postar um comentário

◘ Mensagem do formulário de comentário ◘