quinta-feira, 2 de junho de 2011

Novidade: Novo botão recomendar (+1) do google

Logo +1Foi lançado a pouco tempo pelo Google um botão bem legal chamado “+1”. O google +1 tem como objetivo ajudar a melhorar os artigos na pesquisa google, dando melhor posição na busca e também valorização.
O botão funciona como aqueles botões “Gostei” das redes sociais, semelhante ao do facebook e do Twitter, porém, esse sendo do google, ele se integra no sistema de busca do mesmo, que quando damos um clique, automaticamente estamos valorizando o artigo para melhor visualizações no google.

Divulgue seu website com o +1

Veja o vídeo abaixo, está em inglês, mas você terá noção do que se trata.

Novo Botão Google +1

Se você está achando esse botão inútel, trate-o de gostar pois ele pode ajudar e muito a melhorar a questão de visitas e posição do seu blog.

[Exemplo de como um post no blog +1' d pelos visitantes aparece nos resultados de pesquisa do Google página]

Então que tal instalar este botão em seu blog?

O botão pode ser implantado no rodapé de suas postagens. Como você pode ver, abaixo desta postagem você terá o resultado final deste tutorial.

Você pode estar usando dois métodos para inserir o botão em seu blog:

  1. Pela barra de compartilhamento do do blogger
  2. Usar o botão individualmente no rodapé das postagens

Instalando usando a barra de compartilhamento

Pra adquirir esse método, apenas vá em “Design” – “Elementos da página”, na área de postagem clique em ‘Editar’ e marque a caixinha conforme mostrado na figura abaixo:

Colocar +1 no blog

Colocando só o botão no rodapé das postagens

Nesta outra maneira, você pode configura o tamanho do botão antes de inserir no final nas postagens, portanto, entre no link abaixo:

Agora configure deixando do jeito que mais lhe agrade. Não se esqueça de escolher o idioma Português.

Google +1 

Automaticamente será gerado um código mais abaixo. Preste atenção agora, esta é a parte mais importante.

Dentro da caixa possui dois códigos, o primeiro é o script, o segundo é a tag para inserir o gadget.

1. Faça o seguinte, Copie o primeiro código que tem na caixa.

Google +1 código

Entre no Blogger, vá em “Design” – “Editar HTML”, procure pela tag </head> e cole ACIMA dessa tag.

2. Depois copie este outro código abaixo.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<span style=”Font: 12px;”>Gostou da postagem? Então recomende!

RESTANTE DO CÓDIGO

</span>
</b:if>

Vá no “Editar HTML” , procure por <div class='post-footer'> e cole o código ACIMA dessa linha.

3. E por último, copie o segundo código lá da caixa.

Google +1 Código 
E substitua na parte destacada em vermelho do passo 3, deverá ficar assim:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<span style='Font: 12px; float: right;'>Gostou da postagem? Então recomende!

<!-- Inclua esta tag onde desejar que o botão +1 seja exibido -->
<g:plusone size="tall"></g:plusone>

</span>
</b:if>

Depois disso, Salve o modelo e veja se funcionou. Se não funcionou, deixe um comentário reportando o erro.

Se gostou da postagem, Clique no botão ao baixo e  recomende na pesquisa do google! :)

Marcadores: , , , , ,

8 Comentários:

Às 7 de julho de 2011 08:26 , Blogger Wlisses Freitas® disse...

Thanks man, isso sim é útil!

O Cblogger ficou muito legal com esse design novo.

Abraço.

 
Às 7 de julho de 2011 16:21 , Blogger Códigos Blogger disse...

@Wlisses Freitas® Opa! Obrigado amigo!
Sucesso pra vc.
Abrass!

 
Às 13 de julho de 2011 02:22 , Blogger powertrip blog disse...

realmente faz diferença, pude notar rapidamente.

Abraço e muito obrigado pela dica!

 
Às 25 de julho de 2011 19:24 , Blogger Jhonatan Faria disse...

Olá amigo bom.

Meu site feito Pelo Dreaw 8 e como fasso pra colocar ele .

meu site é esse www.tvonlinebrr.hd1.com

ja tem Twittar e Curti do Face so falta O Recomendar :D

Espero que ajude eu :D

 
Às 25 de julho de 2011 22:52 , Blogger Códigos Blogger disse...

@Jhonatan Faria Faça o segundo método - COLOCANDO SÓ O BOTÃO NO RODAPÉ DAS POSTAGENS - porém, no passo 3, cole o código em algum lugar desejado no seu html.

 
Às 24 de setembro de 2011 11:25 , Blogger Pamela-PamNews disse...

Ee conseguii :)
Obrigada pela diica :)

http://www.blogpamnews.com/

 
Às 7 de outubro de 2011 02:01 , Blogger CK disse...

eu consegui mas o +1 não aparece na pagina principal do blog, só nos links das postagens porque será?

 
Às 9 de outubro de 2011 22:17 , Blogger Códigos Blogger disse...

@CK Para aparecer em todas as páginas, exclua as seguintes linhas do código...

<b:if cond='data:blog.pageType == &quot;item&quot;'>

e

</b:if>

 

Postar um comentário

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

Duvidas ou sugestões comentem aqui! =D
*Não insultar autor ou leitores da postagens
*Não pedir parceria por comentários
*Não publicar spam ou similar.

Assinar Postar comentários [Atom]

Links para esta postagem:

Criar um link

<< Página inicial