Olá amigo leitor, vou mostrar como colocar o botão Botão Compartilhar seus posts no Facebook
1º - escolher o modelo do botão
2º - escolher o local mais adequado para instalar o botão.
1. Opções de botões
Opção 1:Versão Completa (botão à esquerda do post)
Código:
Opção 2: Versão compacta (botão à esquerda do post)
Código:
Atenção: Caso você queira que seu botão fique à direita, basta substituir float:left por float:right, no codigo
Instalando o botão
Agora que você já escolheu o botão que mais lhe agrada, vá em 'design ->Editar HTML' -> marque a caixinha 'Expandir modelo de Widgets' e procure pelo código abaixo:
e cole o código referente ao botão que você escolheu logo ABAIXO deste trecho acima.
( Atenção: Dependendo de seu modelo de template, a linha acima pode estar da seguinte maneira: <div class='post-header-line-1'>)
Até a proxima!!!!!!
1º - escolher o modelo do botão
2º - escolher o local mais adequado para instalar o botão.
1. Opções de botões
Opção 1:Versão Completa (botão à esquerda do post)
Código:
<div style="float:left;padding:4px;"><a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'/>
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>
Opção 2: Versão compacta (botão à esquerda do post)
Código:
<div style="float:left;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/>
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>
Atenção: Caso você queira que seu botão fique à direita, basta substituir float:left por float:right, no codigo
Instalando o botão
Agora que você já escolheu o botão que mais lhe agrada, vá em 'design ->Editar HTML' -> marque a caixinha 'Expandir modelo de Widgets' e procure pelo código abaixo:
<div class='post-header-line-1'/>
e cole o código referente ao botão que você escolheu logo ABAIXO deste trecho acima.
( Atenção: Dependendo de seu modelo de template, a linha acima pode estar da seguinte maneira: <div class='post-header-line-1'>)
Até a proxima!!!!!!
Seja o primeiro a comentar!
Postar um comentário
Seu comentário é bem vindo, mas leia antes de comentar...
→ Se os comentários conter palavrões, xingamentos, ofensas ao autor ou qualquer pessoa, não serão publicados!
→ Não Contiver outros sites!
→ Não conversar com comentários!
→ Não conter propaganda!
→ Visite o nosso termos de uso
Obrigado e volte sempre!