Não existe blog sem divulgação. E é fato comprovado que a melhor divulgação é a gerada espontaneamente pelo público, pelo visitante que gosta do que encontra em seu blog e recomenda para outros nas redes sociais, assina seu Feed e adiciona nos favoritos. Mas isso só acontece se você colocar à disposição de seu público botões que, com um único clique, eles possam enviar seus links para vários lugares. Vou mostrar aqui como colocar um gadget para blogs no Blogger e como instalar e personalizar um plugin para WordPress.

 

Esse tutoria ficou grande, atende todos os tipos de necessidades. Mas vamos direto ao assunto. Este é um serviço que já conhecia a mais tempo, mas agora ele ficou mais interessante e personalizável. Por isso vou mostrar como usar tanto no WordPress quanto no Blogger. Para o Blogger eu mesmo vou ensinar a adicionar um modelo que criei e que ficou muito legal e simples, ótimo para colocar no final de todos os artigos de seu blog. Trata-se do:

 

Your content. Everywhere.
(Seu conteúdo. Em todo lugar)

 

A primeira coisa a fazer é registrar-se (gratuitamente) no serviço. Isso é importante, pois vamos precisar de seu nome de usuário para fazer funcionar o gadget para Blogger. Registrar-se também é importante para ter acesso às possibilidades de personalização.

 

Modelo criado para o Blogger.

Eu aproveitei algumas possibilidades do serviço para customizar e criar um exclusivo e resolvi compartilhar com vocês. Esse modelo que criei tem botões para compartilhar com os serviços mais usados e mais comuns e que acredito que poderão ser mais eficientes e termos de conversões para seu conteúdo. Fica semelhante a isso:

 

Para ver funcionando, acesse: http://redes-fb-template.blogspot.com/

 

Note que já tem a opção de compartilhar inclusive no novo serviço do Google BuzzTem link para o Yahoo!Buzz, enviar para o Link Ninja, tem um encurtador de URLs e até a possibilidade de traduzir seu blog para mais de 40 idiomas. Esse gadget tem 280px de largura e vou mostrar como colocar na barra lateral do Blog ou no rodapé de seus artigos. Então preste atenção aos espaços onde vai colocar isso.

 

Passo 1 – Adicionando o CSS.

Abra o painel do Blogger, clique no menu “Layout” ~> “Editar HTML” lembrando de marcar a caixa do “Expandir modelos de widgets” e  procure pela linha “]]></b:skin>” e imediatamente ACIMA disso cole:

 

.addthis_toolbox .two_column
{
    width: 276px;
    padding: 10px 0 10px 0px;
    border: 3px solid #eee;
    background-color: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.addthis_toolbox .two_column a
{
    padding: 4px 0 4px 34px;
    position: relative;
    width: 106px;
    display: block;
    text-decoration: none;
    color: blue;
}

.addthis_toolbox .two_column a:hover
{
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #B4D3F8;
    text-decoration: none;
}

.addthis_toolbox .two_column span
{
    position: absolute;
    left: 14px;
    top: 4px;
}

.addthis_toolbox .two_column  .top
{
    padding: 0 0 10px 0;
    border-bottom: solid 1px #eee;
    margin-bottom: 10px;
    margin: 0 20px 10px 20px;
}

.addthis_toolbox .two_column  .more
{
    border-top: solid 1px #eee;
    padding: 10px 0 0 0;
    margin: 10px 20px 0 20px;
    text-align: center;
}

.addthis_toolbox .two_column  .more a
{
    padding: 4px 0;
    width: auto;
}

.addthis_toolbox .two_column .more span
{
    display: none;
}

.addthis_toolbox .two_column .column1
{
    width: 130px;
    float: left;
}

.addthis_toolbox .two_column .column2
{
    width: 130px;
    float: left;
}

.addthis_toolbox .two_column .clear
{
    clear: both;
    padding: 0;
    display: block;
    height: 0;
    width: 0;
}

 

Passo 2 – Agora o HTML.

Recomendo que adicione esse modelo no rodapé dos artigos, imediatamente abaixo do texto. Para fazer isso procure pela linha:

 

<p class=’post-footer-line post-footer-line-1′>

 

Ou algo bem semelhante a isso e ABAIXO cole o seguinte trexo só modificando o que for indicado:

 

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class="addthis_toolbox">
    <div class="two_column">
        <div class="column1">
            <a class="addthis_button_twitter">Twitter</a>
            <a class="addthis_button_facebook">Facebook</a>
            <a class="addthis_button_buzz">Yahoo!Buzz</a>
            <a class="addthis_button_orkut">Orkut</a>
            <a class="addthis_button_l
ive">Live</a>
            <a class="addthis_button_technorati">Technorati</a>
        </div>
        <div class="column2">
            <a class="addthis_button_favorites">Favoritos</a>
            <a class="addthis_button_googlereader">Reader / Feed</a>
            <a class="addthis_button_linkninja">Link Ninja</a>
            <a class="addthis_button_googletranslate">Translate</a>
            <a class="addthis_button_print">Imprimir</a>
            <a class="addthis_button_bitly">Encurtar URL</a>
        </div>
        <div class='clear'/>
    </div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=NOME_USUÁRIO"></script>
</div>
</b:if>

 

Agora pegue seu nome de usuário que você cadastrou no Add This e coloque onde está marcado de vermelho no código. Salve e veja o resultado em seu blog, lembrando que isso só aparecerá no rodapé dos artigos e apenas nas páginas dos posts individualmente.

Note que no código acima há a primeira e última linhas em um tom mais claro. Se você quiser colocar esse gadget na barra lateral de seu blog, então é só copiar o HTML sem essas linhas e colar num elemento de página (gadget) do tipo “HTML/Javascript”.

 

Agora vamos aos outros modelos: primeiro para WordPress e depois mais um para o Blogger.

 

Se você usa o WordPress.

Há duas formas básicas e a primeira se aplica especialmente a quem usa o WordPress básico (sem hospedagem). Já a segunda opção é um plugin que só funcionar para quem tem blog no WordPress.org (com domínio e hospedagem própria).

 

1. Modelo de Widget para a Sidebar (barra lateral)
Esse modelo funciona par qualquer usuário de WordPress.

Ao entrar no site do Add This e fazer o seu registro, poderá começar a criar seu modelo. Para a barra lateral há algumas opções de personalização. Escolha a desejada, marcando primeiro que será usado no WordPress. Depois clique no botão “Get the code” (veja o código).

 

 

Na página que abrir role até a parte em que está a caixa de texto com o código a ser copiado:

 

 

Copie o código e vá até o seu painel de controle do WordPress, clique no menu “Aparência” ~> “Widgets” e selecione um do tipo “Texto” onde você deve adicionar o código que foi copiado (não sabe como fazer, veja: “Onde adicionar código HTML e JavaScripts no WordPress”). Salve e veja o resultado em seu blog.

 

2. Modelo de Plugin para WordPress.org

Esse é mais simples e objetivo. Como para qualquer plugin de WordPress, basta baixar o arquivo e instalar no serviço para começar a usar.

• Download do plugin Add This.

Depois é só ativar e fazer as modificações desejadas para funcionar em seu blog. Se não sabe como usar plugins no WordPress.org, então leia “Como instalar Plugins no WordPress”.

 

Mais um se você usa o Blogger.
(mais um modelo para colocar na sidebar ou no rodapé dos artigos)

Depois de se cadastrar no serviço pode escolher a opção de usar algum modelo mais padrão e simples deles. Então, na página de criar um botão escolha a opção referente ao Blogger, selecione um modelo desejado e clique no botão “Get the code” (veja o código):

 

 

E na janela que abrir siga as instruções para adicionar o botão na sidebar que é só clicar em “Install to sidebar” ou copie o código para colocar onde achar melhor para seu blog e seu tipo de layout.

 

Quer mais gadget e opções para compartilhar?

• Topsy Twitter – Botão de Retweet para artigos de seu Blog
• Widgets do Facebook – como inserir em seu blog
• Menu com ícones e contadores de artigos, feed, Twitter e comentários para Blogger
• Como criar Páginas Estáticas padrões do Blogger – novidade