Colocar informações depois do Título - Tweet Button, Like e outros

segunda-feira, 7 de março de 2011

Recentemente a blogueira Carol do blog 'Seja feliz com Carol' informou via Twitter que não encontrou nenhuma informação para adicionar o botão do Twetter e outros na lateral do blog, de forma a ficar abaixo do título. Não só pela Carol e sim ao nossos leitores que também buscam informações do tipo, passaremos informações sobre a implementação do recurso.

Que plataforma usar?

Esta informação é de uso na plataforma Blogger/Blogspot. Não foi testado em outras plataformas

O que realmente isso faz?

Conforme a imagem de 471 Tweet no lado esquerdo desta postagem (no topo), você poderá não somente inserir um botão do Twetter, mais do Facebook, textos e outras redes sociais.

Como implementar?

O Arruma Blog encontrou no Ferramentas Blog o código. Sim, desta vez o crédito é todo dele, mais de toda forma, segue para os que não desejarem clicar lá:

Vá até a página do Twitter onde se pode criar o botão da forma personalizada

             http://twitter.com/goodies/tweetbutton

Escolha o tipo de botão e no tópico 2 informa o nome do seu twetter para que depois que o leitor compartilhar o post, a tela de compartilhamento indicar o seu perfil para ele seguir. Na sequencia, pegue o código (copie) que é gerado automaticamente na página. Como você terá que copiar outras coisas, recomendamos cole o código em um bloco de notas ou mantenha a página do botão aberta.
Na sequencia, logado em seu blog, localize a opção 'Design' depois 'Edirar HTML' e clique em 'Expandir modelos de widgets'. Aperte Ctrl+F do seu teclado para Localizar a seguinte linha:

               <div class=’post-body entry-content’>

ACIMA dessa linha cole o seguinte texto:

<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<p style=’display: inline; float: right; margin-left: 5px’>

   Adicione aqui o código do botão que foi gerado na página do Twitter.
   Não modifique nada nos códigos.


</p>
</b:if>
Atenção na palavra em vermelho pois ela é a única que pode ser mudada. Ela indica o local que as coias irão aparecer, como esquerda, direita e centralizada, mais tudo em inglês, claro. Neste caso o local está para a direita --> Caso queira que tudo fique alinhado à esquerda, mude a palavra para 'left', fora isso não mude nada.

Esta é a dica que o Ferramentas Blog nos dá. Mais sabemos que o Blogger/Blogspot da outra opção aos blogueiros e esta é até mais simples, porém não está disponível a todos os modelos de blogs, principalmente os que são modificados. Para usar, localize a opção 'Design' depois 'Elementos de página'. Cliquem Editar no campo 'Postagens do blog' e na PopUp, marque a opção 'Mostrar botões de compartilhamento'. Se o seu blog não for um modelo modificado por alguém o seu blog mostrará normalmente os desenhos para divulgação, caso ele não mostre nada, mesmo estando marcado a opção, é porque o código que faz ele ativar não existe no seu blog, sugerimos então a troca do modelo de blog, se isso for realmente importante.

Imagem de orientação. Clique para ampliar
Esperamos que todos os usuários da plataforma Blogger possa implementar o recurso. Se você também usa WordPress no Ferramentas Blog tem a dica para usar o recurso.

5 comentários:

  1. oii, aceita parceria? visita meu blog e mande sua resposta, tá?
    bjos

    ResponderExcluir
  2. Olá!! obg por ter aceitado a parceria! olha pode redimencionar sim o banner,viu,
    já publiquei o banner do Arruma Blog ok!
    bjos

    ResponderExcluir
  3. Obrigada! Mas eu não consegui :/ Pq? ta dando erro...

    ResponderExcluir
  4. Tbm não consigo, dá erro :(((((((((((((((

    ResponderExcluir
  5. Para Carolina H e Anne P.:

    Nem todos os blogs tem as linhas de códigos necessárias... Não sabemos se é isso a causa, mais recomendamos que leia o artigo no Ferramentas Blog e se ainda não der certo, comente também lá!

    ResponderExcluir

Use este espaço para perguntar, questionar ou dar algum complemento sobre o artigo em questão. Todos os comentários publicados no Arruma Blog são de inteira responsabilidade dos seus respectivos autores. A finalidade do comentário é proporcionar ao leitor o poder de resposta sobre a postagem apenas. Neste campo não será aprovado comentários para publicar link e/ou material com conteúdo pornográfico de qualquer espécie, discriminatório ou ofensivo de qualquer natureza; que enviar informações sobre atividades ilegais e/ou incitar crimes ou violência. Para finalidades comerciais ou contato direto com o autor damos a opção de 'entrar em contato no topo da página'.

É expressamente proibido utilizar o espaço de comentários para engajar-se em atividades de cunho comercial, como vender produtos, procurar anunciantes e patrocinadores, divulgar informações pessoais de contato, além de veicular banners de qualquer espécie. Também serão apagados comentários de auto-promoção ou que não sejam pertinentes ao artigo em questão.

Todos os comentários são moderados e poderão ser excluídos caso sejam considerados inadequados, ofensivos ou alheios ao objetivo do blog. Este é blog é protegido pela lei de direitos autorais vigente no Brasil.


















 
Arruma Blog © 2009 - 2013 | Desenhado por Bubble Shooter | Direitos reservados | Obrigado pela visita