Mostrar mensagens com a etiqueta Blog Hack. Mostrar todas as mensagens
Mostrar mensagens com a etiqueta Blog Hack. Mostrar todas as mensagens

Colocar imagem no título da mensagem

As definições do Layout de um blog estão definidas em CSS, para ver o código do template vá em Layout --> Editar HTML.

Importante: Faça uma cópia de segurança antes de editar o código do Layout.


O Título das mensagens geralmente é definido nas propriedades .post3 ou h3.post-title


Deve alterar o bloco existente para que seja um dos seguintes:

.post h3 {
background:transparent url("URL da IMAGEM") no-repeat left top;
margin:.25em 0 0;
padding:10px 0 8px 10px;
font-size:180%;
line-height:1.4em;
}
 
Ou
 
h3.post-title {
background:transparent url("URL da IMAGEM") no-repeat left top;
margin:.25em 0 0;
padding:10px 0 8px 10px;
font-size:180%;
line-height:1.4em;

} 
 
Agora tou utilizando esta:





  • A linha a vermelho,  define o fundo do título do post, onde você pode colocar o URL da imagem.
  • no-repeat, Indica que a imagem não irá se repetir;
  • left, imagem alinhada ao centro, pode alinhar sua imagem onde quiser, usando left ou right;
  • top → imagem alinhada no topo.
  • A linha verde, define as margens internas do texto, e devem ser usadas na ordem seguinte:
padding: 10px (superior) 0(direita) 8px(inferior) 10px (esquerda);
Guarde o seu template e veja o resultado.
Etiquetas:

Favicon



Favicon, é o pequeno ícone com 16x16 pixels que aparece na barra de endereços de um browser e nos seus separadores, e que é o "b" por defeito no blogger ou para ser mais correcto do Google blogs, vamos ver como proceder para personalizar o pormenor:

No Design do blog clique em à esquerda do layout em:

Até aqui muito simples, mas depois é pedido um ficheiro do tipo .ico...

Existem na internet inúmeras páginas e ferramentas que nos podem ajudar a gerar esse ficheiro, ficam algumas páginas que podem fazer este trabalho por nós, eis alguns exemplos:


Ou experimente fazer a sua pesquisa:


Escolha, desenhe ou carregue uma imagem para que o favicon seja gerado, e faça o download do ficheiro, poderá depois, dentro do blog carregar o ficheiro pretendido.

Limpe o histórico do seu browser para conseguir ver a alteração do ícone surtir efeito.

Etiquetas:

Indexar Blog

Fundamental é dar visibilidade ao blog e conseguir que ele fique bem posicionado para as palavras chave mais importantes dentro dos motores de busca mais importantes, vou analisar com detalhe simples como proceder para o conseguir.
  1. Enviar o link do blog diretamente para o sistema da Google, utilize uma das opções:

 
     2.  Criar um Sitemap


Segundo a Google:
“Um Sitemap é uma lista das páginas do seu site. Criar e enviar um Sitemap ajuda a garantir que o Google tenha conhecimento de todas as páginas do seu site, incluindo URLs que não seriam normalmente encontrados através do processo normal de rastreamento do Google.”
(sobre os Sitemaps)
Crie o seu Sitemap no link http://www.google.com/webmasters/tools/ entre com a sua conta do google, convém ser a mesma que utiliza no blog.


      3.  Meta Tags

Meta Tags ou etiquetas são linhas de código HTML, que entre outras coisas, descrevem o conteúdo de um site ou blog . É nelas que inserimos palavras-chave que facilitarão a procura dos utilizadores.

Procure no código fonte do blog no Blogger (Blogspot) as duas linhas de código:

<b:include data=’blog’ name=’all-head-content’/>
esta linha diz ao Google o que deve ser indexado
<title><data:blog.pageTitle/></title>
 define como será o título da página

 
Estas duas linha nunca poderão ser excluídas ou apagadas, mas sim melhoradas, substitua-as pelo seguinte código:

<b:if cond='data:blog.pageType == "index"'>
<b:include data='blog' name='all-head-content'/>
<meta content='DESCRIÇÃO DO BLOG de até 140 caracteres' name='description'/>
<meta content='PALAVRAS-CHAVE, SEPARADAS POR VÍRGULA' name='keywords'/>
<meta content='AUTOR DO BLOG' name='author'/>
<b:else/>
<b:include data='blog' name='all-head-content'/>
<meta content='PALAVRAS-CHAVE, SEPARADAS POR VÍRGULA' name='keywords'/>
<meta content='SEU NOME AUTOR DO BLOG' name='author'/>
</b:if>
<b:if cond='data:blog.pageType == "index"'>
<title>NOME do BLOG | Pequena descrição de até 80 caracteres</title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>

Guarde as alterações ao modelo e de seguida faça um teste ao código www.seocentro.com/tools/search-engines/metatag-analyzer

Importante: Faça uma cópia de segurança antes de editar o código.


Etiquetas:
Subscrever: Mensagens ( Atom )