Wazaa! Há algum tempo recebi um pedido para postar um tutorial sobre como colocar os botões "Twittar" e "Curtir" abaixo do título da postagem do blog.
Para adicionar os botões, é muito simples, vamos aos códigos, sem rodeios:
Procure a tag abaixo, com o atalho Ctrl+F:
<div class='post-header-line-1'/>
Logo abaixo dela, cole o seguinte código, e salve seu template.
<b:if cond='data:blog.pageType == "item"'><div style='float: left; margin: 3px;display: inline;'><iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url+ "&layout=button_count&show_faces=false&width=80&action=like&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:90px; height:20px'/><a class='twitter-share-button' data-count='horizontal' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/></div></b:if>
Muito simples. Veja um exemplo abaixo, e se quiser ver como ficaria o resultado no blog, acesse nosso outro blog, clicando aqui, e acesse uma das postagens.
Para adicionar os botões, é muito simples, vamos aos códigos, sem rodeios:
Procure a tag abaixo, com o atalho Ctrl+F:
<div class='post-header-line-1'/>
Logo abaixo dela, cole o seguinte código, e salve seu template.
<b:if cond='data:blog.pageType == "item"'><div style='float: left; margin: 3px;display: inline;'><iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url+ "&layout=button_count&show_faces=false&width=80&action=like&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:90px; height:20px'/><a class='twitter-share-button' data-count='horizontal' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/></div></b:if>
Muito simples. Veja um exemplo abaixo, e se quiser ver como ficaria o resultado no blog, acesse nosso outro blog, clicando aqui, e acesse uma das postagens.
