LEIA OS EMAILS E NEWSLETTERS QUE ASSINO: Dicas para Blogs

domingo, 7 de março de 2010

Dicas para Blogs

Posted: 04 Mar 2010 11:30 AM PST

Vamos mostrar como achar o lugar certo de colocar os códigos no Blogger. Muitos sites com dicas e tutorias para blogs mandam colocar códigos na pagina editar html, mas precisamos ter cuidado ao copiar e colar senão os códigos não funcionam corretamente, outra duvida comum é saber o local exato onde inserir o código.

Primeiro vamos separar as coisas geralmente na pagina editar html, antes de fazer qualquer alteração nesta pagina faça um backup do seu modelo clicando no link baixar modelo completo depois disso podemos alterar a pagina editar html para colocar os códigos CSS, o nome pode parecer estranho, mas é a formatação do blog, por exemplo, #main-wrapper {padding-left:5px;width: 625px....}, este tipo de código faz a formatação do template, ou seja cor de fundo, bordas, margens, cores, tipo e tamanho das letras e outras coisas, eles devem ficar juntos. Então quando tiver um código assim entre na pagina editar html e procure por body{...} e coloque logo após fechar estas chaves do estilo body.

Você poderia colocar desde a parte
/* Primary layout */
body {background.....}

Até neste trecho antes das duas linhas finais

body#layout #header,
body#layout #content-wrapper,
body#layout #footer {
padding: 0;
}
]]></b:skin>
</head>

Mas sugerimos colocar no inicio assim fica mais fácil localizar para editar ou retirar o código caso seja necessário. Muito cuidado com as {chaves} note que todos os códigos têm esse formato: nome{.......}, portanto se colocar outro trecho de código dentro das chaves vai misturar os códigos e fazer que não funcionem corretamente.

banner{color:#6131BD;text-decoration:none; coluna {color:#FF0000;text-decoration:underline;}
}

Esse código acima está errado veja as chaves como estão uma dentro da outra, isso não funcionará o correto é:

banner{color:#6131BD;text-decoration:none;}
coluna {color:#FF0000;text-decoration:underline;}

Essa foi uma parte dos códigos, outro tipo muito comum de código usado é o javascript, mas este na maioria das vezes é muito mais simples de colocar no blog você só precisa entrar na pagina layout, clicar para adicionar um gadget, escolher a opção html/javascript e colar o código.

Quando o site mandar usar os dois códigos (CSS e Javascript) achamos melhor inserir o CSS, ou seja, a formatação (aparência) que vai na pagina editar html primeiro, assim quando colocar o código javascript na pagina layout você já visualizará tudo pronto com a aparência correta.