colocando Gadget Like box e twitter Button no final do post

hoje veremos como adicionar um gadget com Like Box da sua página no Facebook, juntamente com o botão “Follow” do Twitter, logo ao final de seus artigos no blogger.

Passo 1: Acesse o painel do Blogger, vá no menu “modelo”, entre na edição HTML do seu template, não precisa marcar a opção “expandir modelos de widgets” e procure pela tag: ]]></b:skin>
e cole o seguinte código logo ACIMA dela:

#fbtwitterbox{

padding:10px; 

margin: 2px 0px 15px 0px;

height:60px;

}

#fblikebox{

float:left; 

border-right:1px dashed #ddd; /*---borda divisória---*/

}

#twitterbox{

margin:15px 0px 0px 0px; 

padding:0px; 

float:right; 

}

No código acima, a linha border-right:1px dashed #ddd; se refere a borda divisória, se quiser, edite ou retire-a, fica a seu critério.salve

Passo 2: Acesse novamente o painel do Blogger, vá no menu “modelo”, entre na edição HTML do seu template, clique em “expandir modelos de widgets” e procure por

<div class='post-footer-line post-footer-line-1'>

Logo ABAIXO da linha que você localizou, cole o seguinte código:

<div id='fbtwitterbox'>

<div id='fblikebox'>

<iframe allowTransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FNOME-DA-SUA-PAGINA&amp;width=200&amp;height=62&amp;colorscheme=light&amp;show_faces=false&amp;border_color&amp;stream=false&amp;header=true' style='border:none; overflow:hidden; width:200px; height:82px;'/>

</div>

<div id='twitterbox'><iframe allowtransparency='true' class='twitter-follow-button' frameborder='0' scrolling='no' src='http://platform.twitter.com/widgets/follow_button.html#_&amp;id=twitter-widget-0&amp;lang=en&amp;screen_name=USERNAME-TWITTER&amp;show_count=true&amp;show_screen_name=true&amp;size=l' style='width: 310px; height: 32px;' title='Twitter Follow Button'/>

<script src='http://platform.twitter.com/widgets.js' type='text/javascript'/></div>

</div><br/><!-- FIM fbtwitterbox-->

O código acima está projetado para que o gadget apareça no final dos post da página inicial e de todas as demais páginas.

Caso queira que apareça somente nas páginas internas, ao invés de usar o código acima, use este a seguir:

<b:if cond='data:blog.pageType == "item"'>

<div id='fbtwitterbox'>

<div id='fblikebox'>

<iframe allowTransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FNOME-DA-SUA-PAGINA&amp;width=200&amp;height=62&amp;colorscheme=light&amp;show_faces=false&amp;border_color&amp;stream=false&amp;header=true' style='border:none; overflow:hidden; width:200px; height:82px;'/>

</div>

<div id='twitterbox'><iframe allowtransparency='true' class='twitter-follow-button' frameborder='0' scrolling='no' src='http://platform.twitter.com/widgets/follow_button.html#_&amp;id=twitter-widget-0&amp;lang=en&amp;screen_name=USERNAME-TWITTER&amp;show_count=true&amp;show_screen_name=true&amp;size=l' style='width: 310px; height: 32px;' title='Twitter Follow Button'/>

<script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>

</div>

</div>

</b:if>

<br/><!-- FIM fbtwitterbox-->

Não esqueça:

No campo destacado em amarelo, substitua NOME-DA-SUA-PAGINA pelo nome que aparece na url da sua página (é aquele que aparece logo após o "facebook.com/" )
No campo destacado em laranja, substitua USERNAME-TWITTER pelo seu nome de usuário do twitter.