Recentemente encontrei um artigo excepcional que permite criar um campo onde seria possível colocar o botão “Gosto” do Facebook no Thesis Theme.
Provavelmente estarão a pensar porque razão deverão colocar um botão do Facebook nos vossos blogs ou até porque deverão se preocupar com o Facebook.
Poderia escrever aqui uma série de artigos sobre o assunto, mas como sabem, não gosto de dizer o que todos dizem, logo, facilito-vos a vida e forneço quatro artigos exemplificativos que podem encontrar em dois excelentes blogs sobre o assunto.
BLOG DO CUSTÓDIO
- Já tens botão “Gosto” do Facebok nos teus sites?;
- Resultados impressionantes com o botão “Gosto” do Facebook
BLOG DO PAULO FAUSTINO
- Como criar uma página do Facebook para o seu blog – Semana do Facebook;
- Semana do Facebook: 5 formas de importar o promover o seu blog no Facebook!
Convencidos?… Agora temos que pensar em adicionar o botão “Gosto” do Facebook em vossos blogs.
Como é óbvio existe um plugin wordpress que faz esse trabalho, mas para os utilizadores do Thesis Theme, é possível fazer muito mais e, como já estão habituados, diferente de todos os outros.
ATENÇÃO: As linhas de código que vamos fornecer são para todos os que possuem o Thesis Theme, logo se não o possui, pense em comprar já, pois não sabe o que está a perder.
Curioso?… Consulte estes artigos que vai ficar ainda mais…
- Porque Thesis é o Melhor Tema WordPress;
- 100 Thesis Theme blogs que não vai Acreditar que são Thesis;
COMPREM THESIS – Satisfação Garantida
COMO SEMPRE
Como todos já sabem, personalizar o tema Thesis resume-se à edição de dois ficheiros [ custom_functions.php / custom.css].
É nestes ficheiros que vamos colar as linhas de código que se seguem, no entanto, hoje não vamos utilizar o custom_functions.php, vamos sim efectuar a instalação do botão “Gosto” do Facebook no Thesis Theme utilizando o Plugin OpenHook para Thesis, que podem efectuar já o download do plugin aqui, ou obter mais informação sobre como utilizar Plugin OpenHook no Thesis.
1º PASSO
Em custom.css colem o seguinte código:
/* Facebbook like*/
.custom #fb {
padding:5px;
border: dashed #ddd;
border-width:1px 0 1px 0;
}
.custom #fb iframe { height: 25px; margin:2px 0 0 5px;}
2º PASSO
Agora no Painel de Administração do WordPress em Apresentação/Thesis OpenHook, procurem por Thesis_hook_after_post ou de desejarem Thesis_hook_before_post e colem o seguinte código:
<?php if (is_single()) { ?>
<div id="fb">
<iframe src="http://www.facebook.com/plugins/like.php?href=<?php echo urlencode(get_permalink($post->ID)); ?>&layout=standard&show_faces=false&width=450&action=like&font=verdana&colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:450px; height:px"></iframe>
</div>
<?php } ?>
Seleccionem o campo “exectuar Php on this hook” e façam guardar.
FIM
Como podem verificar é extremamente simples e agora podem personalizar o código css como pretenderem. Podem por exemplo, colocar um background com uma imagem, ou centrar o botão, ou ainda utilizar o código php para adicionar outros botão, como por exemplo, Twitter.
Até já… E já agora digam se gostam deste artigo já a seguir.!!
