Como colocar Botão Curtir nas postagens do Blog [Tutorial]


Olá Galera!
Bom gente, tive muita dificuldade pra encontrar um TUTORIAL completo, claro e que funcionasse no novo Blogger explicando como colocar o botão Curtir do Facebook nas postagens aqui do blog. Por esse motivo, decidi criar meu próprio tutorial e ajudar quem também precisa! Vamos lá!

· No seu Blogger (não é no blog) clique em:

> Modelo

É aconselhável que antes você faça um backup do seu template clicando em Reverter/Fazer Backup (no topo da página, do lado direito).

· Depois de fazer o backup do template, clique em > Editar HTML.

· Agora, clique em qualquer lugar do código e, usando a caixa de busca (Ctrl+F), procure por:
<div class='post-header-line-1'>


Se você não encontrar, procure pelo mesmo código, só que com a barra no final:
<div class='post-header-line-1'/>

ATENÇÃO! Em alguns casos aparece esse código duas vezes, o certo é o segundo!


OBS: Para adicionar o botão no FIM DA POSTAGEM você deve procurar por:
<P class='post-footer-line post-footer-line-1'>
(Se não encontrar, tente com a barra no final, antes do >)

· Na frente desse código, copie e cole um dos códigos abaixo, dependendo do tipo de botão curtir que você escolher!

São eles:

Botão Curtir do Facebook com contador - Vertical 

<b:if cond='data:blog.pageType != &quot;static_page&quot;'> <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.canonicalUrl + &quot;&amp;send=false&amp;layout=box_count&amp;show_faces=false&amp;width=55&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=62&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:55px; height:62px;'/> </b:if>


Botão Curtir do Facebook com contador - Horizontal 

<b:if cond='data:blog.pageType != &quot;static_page&quot;'> <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.canonicalUrl + &quot;&amp;send=false&amp;layout=button_count&amp;show_faces=false&amp;width=90&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=21&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:90px; height:21px;'/> </b:if>


Botão Curtir do Facebook sem contador 

<b:if cond='data:blog.pageType != &quot;static_page&quot;'> <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.canonicalUrl + &quot;&amp;send=false&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=35&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:35px;'/> </b:if>

· Prontinho! Seus seguidores já podem curtir todas as postagens maravilhosas que vocês preparam pra eles!!

Deixe Seu Like e Seu Comentario.. Ajude-Nos a Crescer :D

Comentários
0 Comentários

0 comentários:

Postar um comentário

xitertop.blogspot.com.br
xitertop.blogspot.com.br