Como colocar códigos nas postagens

Algum tempo atrás escrevi sobre o site "Anime seu Espaço" e de como vocês conseguem fazer coisas interessantes para o blog com ele.
Aí vieram me perguntar como colocar no blog.

Simples, primeiro cria o que você deseja colocar.
Ex. Banner.


Clique em "Get HTML Code".
Copie o código.
Vá em seu blog: Postagem - Nova Postagem - Editar HTML e cole.
Publique.
Pronto.

Um exemplo de banner:

AnimeSeuEspaco.com

Como colocar uma link-bar com imagens

Você está precisando colocar uma link-bar rapidamente no seu blog e não entende quase nada de código?
Hoje vamos numa dica ultra simples.

Primeiro:
Certifique-se de que seu Header aceita mais de uma widget.

Segundo:
Crie os botões da sua link-bar.
Pode até ser no Paint.
Num tamanho mais ou menos de 140 X 30.
Ex:

Agora hospede-as no Tinypic.
Anote o código HTML completo das imagens (a primeira opção).

Terceiro:
Vá em Layout - Elementos da Página.
Clique em Adicionar um Gadget no lugar que deseja instalar sua link-bar.
Escolha a opção HTML/JavaScript.
Cole os códigos das imagens.
Um do lado do outro sem deixar espaço.

Quarto:
Agora no link "a href=" de cada imagem substitua o link padrão deles pelos quais vai colocar na link-bar.
Ex: endereço do seu blog para home, e-mail para contato, seu twitter.
Por fim, renomeie as tags alt"" para que sua link-bar seja bem indexada no google.
Salve.

Sua link-bar está pronta.

Dica: faça-a o fundo da link-bar da mesma cor do fundo do seu blog.
Utilize o mesmo tipo de fonte e cor também.
Assim não parece que é apenas imagens!

Um exemplo: http://www.turmadamonica.net

Como excluir o Header do Blogger/blogspot

Eu sinceramente não gosto dele.
Alguns até o usam.
A maioria tenta escondê-lo.
Sim, o Header (cabeçalho) do blogger/blogspot não é lá muito querido.
Afinal, a maioria prefere simplesmente colocar uma imagem com o logotipo do blog, uma link-bar, ou outra widget qualquer.
Hoje vamos aprender a deletá-lo do template.

Como:
Vá em Layout - Editar HTML
Procure o seguinte código:

Agora vamos as mudanças.
Em "maxwidgets" mude o número de 1 para 4.
Em "locked" substitua true por false.
Salve.

Maxwidgets vai permitir que vocês acrescentem até 4 widgets no template.
Já locked vai destrancar o cabeçalho, ou seja, você vai poder excluí-lo tranquilamente.

Excluindo:
Vá na aba Layout - Elementos da página.
Clique em "Editar" no Cabeçalho.
Clique em excluir e salve.
Salve de novo e visualize.

Agora com o número de widgets permitida você pode acrescentar uma imagem, uma link-bar, uma barra de pesquisa, feed...

Ajustando largura e altura no Header

Imagine: você criou um banner lindo e quando foi colocar no seu blog viu que faltou espaço e o banner ficou pela metade.
Sim, isso é mais do que normal acontecer.
E agora, desisti do banner?
Nunca!
Para isso basta um simples ajuste no HTML de seu template.

Vá na aba Layout.
Clique em Editar HTML.
Procure por Header (ctrl + F)
Modifique de acordo com o tamanho de sua imagem:

• width: largura
• height: altura

Se o width estiver marcado 100%, procure o tamanho de Body ou Outer-wrapper para verificar qual a largura correta.
E por último se o seu blog possui uma link-bar não esqueça de colocar uma altura maior para que ela possa aparecer.

Backgrounds para blogger/blogspot

Cansou do mesmo fundo do seu blog mas ama seu template?
Então que tal fazer uma mudança básica?
Salve o fundo desejado.

Como colocar repetindo a imagem:
body
background: url (coleoendereçodesuaimagem) repeat;

Colocar com a imagem fixa, sem repetir:
body
background: url (coleoendereçodesuaimagem) no-repeat;

Para esses backgrounds recomendo repetir as imagens.

Como exibir conteúdo dos marcadores sem a widget de marcadores

Olá, me perguntaram como criar páginas no blogger/blogspot.
Para indexar um artigo utilizamos os famosos "marcadores".
O que vocês podem fazer é criar um marcador exclusivo para determinada página.
Ex: Sobre.
Nela escreve um pouco sobre você, o que faz, como criou o blog, etc.
Visualize o post, copie o link e coloque-o na link-bar por exemplo.
Outra possibilidade é vocês pegarem os links de cada marcador e colocá-los alinhado na link-bar em vez de uma lista lateral.
Um bom exemplo é o blog sobre o cantor Justin Bieber.
Não, eu não sou fã dele, mas a link-bar deles é um bom exemplo de como deixar o blogspot com cara de site.
Enfim, poderá salvar os links de seus marcadores e utilizá-los em fotos (use a widget imagem), assim cada imagem corresponde a uma categoria.
Ninguém precisa fazer uso da widget padrão de marcadores!
Basta ter criatividade.

Porque devemos utilizar um domínio próprio

Ontem expliquei como configurar e colocar os domínios co.cc no blogger/blogspot.
Aí surgiu aquela dúvida em alguns:
Mas qual é a vantagem?
Bem, são muitas!

• Indexa mais rápido nos mecanismos de buscas.
• Coloca você em melhores posições (sim, pois percebem que você tem um projeto a longo prazo).
• Se você mudar de hospedagem o endereço continua o mesmo.
• Se quiser transformar seu blog em um site ou portal com hospedagem própria não irá perder suas visitas;
• Seu pagerank continuará o mesmo;
• Se quiser, pode vendê-lo;
• Se, por algum motivo qualquer, o Google deletar seu blog (e eu já vi isso acontecer), você não terá que começar tudo de novo.

Então, compensa ou não?

Domínio próprio e grátis

Já falamos aqui sobre a importância de ter um domínio próprio e o quanto isso é importante aos olhos do Google.
Agora tem aquelas pessoas que não querem, ou não podem, investir em um.
Então, o que fazer?
Continuar com blogspot.com?
Nem pensar!
Para isso existe os domínios co.cc
Eles são grátis, acesso completo ao painel (CNAME, A, DNS...) e configuração fácil.

Como utilizar?
Depois ter feito uma conta e registrado seu domínio clique em Set Up.
Abrirá o painel de configurações.

Como colocá-lo no blogger/blogspot?
Marque a segunda opção (zone records).
Irá aparecer o seguinte quadro:

Em host você coloca o endereço de seu domínio.
Deixe TTL do jeito que estiver marcado (defaut).
Em Type escolha CNAME.
Em value digite: ghs.google.com
Pronto!

Agora vamos configurar no blogspot?
Clique no blog em que você deseja colocar o domínio.
Clique em Configurações.
Clique na aba publicação.
Clique em Alterar para Domínio Personalizado.
Clique em Ir para Configurações avançadas.
Digite seu domínio, coloque as letras de segurança e salve.

Atenção: O co.cc demora algumas horas para ativar seu domínio.

Hospede suas fotos no TinyPic

Vocês sabem que o espaço para fotos e vídeos no Blogger é limitado a 1 Gb, certo?
E quem tem blog de fotos, daqueles com muitas fotos mesmo?
Ou precisa hospedar suas imagens para colocar no template do blog, uma gif animada em uma widget, por exemplo?
A dica de hoje é o site: Tinypic.

Eu amo essa hospedagem.
De longe a melhor.
Traduzida para o português!

Confira algumas vantagens:

• envio de foto, vídeo ou url;
• organização de fotos em pastas;
• pesquisa de imagens e vídeos;
• não precisa criar conta.

Uma dica: apesar de não ser necessário ter uma conta, recomendo que você crie uma.
É rápido, grátis e você pode armazenar suas fotos tranquilamente.
Assim você não precisa ficar hospedando sempre a mesma imagem.
E se você precisa de uma imagem que hospedou a um mês atrás urgentemente e não tem mais o endereço?
Viram porque é melhor prevenir?