Caixa flutuante para curtir no Facebook para Blogger 
Autor: 1 | Publicado: 2014-07-01T04:26:00-07:00

<!--
google_ad_client = "ca-pub-7220603564905257";
/* asd */
google_ad_slot = "6551702241";
google_ad_width = 300;
google_ad_height = 250;
//-->
      
          
      <!--
google_ad_client = "ca-pub-7220603564905257";
/* 300x250, criado 19/10/11 */
google_ad_slot = "4090210394";
google_ad_width = 300;
google_ad_height = 250;
//-->
      



Hoje em dia as redes sociais já estão presente ,em boa parte da população mundial,e quem não acompanhar as tendencias fica desatualizado.Eu abordei este assunto por que na postagem de hoje vou mostrar como criar uma Caixa flutuante para curtir no Facebook para Blogger.Esta caixa é muito diferente das demais que existem na rede,porque além de ela ser flutuante,ela acompanha o visitante onde ele for na pagina do seu blog


1º &nbsp;Encontre no painel do seu Blogger a aba (Modelo)&nbsp;e depois clique em (Editar&nbsp;HTML)&nbsp;




































2º &nbsp;Clique sobre o código do seu&nbsp;template&nbsp;e tecle&nbsp;CTRL + F&nbsp; e&nbsp;busque&nbsp;por:







1





&lt;head&gt;






3º &nbsp;E abaixo do código acima cole o seguinte código:









1





&lt;script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/&gt;
























4º &nbsp;Agora copie e cole o código abaixo em algum local e na linha que está em VERMELHO&nbsp;substitua o texto “NOME-DA-PÁGINA” pelo nome de sua Fan Page:








&lt;script type="text/javascript"&gt; /*&lt;![CDATA[*/ jQuery(document).ready(function() {jQuery(".theblogwidgets").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);}); /*]]&gt;*/ &lt;/script&gt; &lt;style type="text/css"&gt; .theblogwidgets{background: url("http://3.bp.blogspot.com/-TaZRLv66f8g/UoMnTyTbF6I/AAAAAAAAAGY/U4qcf-SP6d0/TheBlogWidgets_facebook_widget.png") no-repeat scroll left center transparent !important; float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index:  99999;position:fixed;right:-250px;top:20%;} .theblogwidgets div{ padding: 0; margin-right:-8px; border:4px solid  #3b5998; background:#fafafa;} .theblogwidgets span{bottom: 4px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;} .theblogwidgets span a{color: gray;text-decoration:none;} .theblogwidgets span a:hover{text-decoration:underline;} } &lt;/style&gt;&lt;div class="theblogwidgets" style=""&gt;
&lt;div&gt;
&lt;iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2FNOME-DA-PÁGINA&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;border_color=white&amp;connections=9&amp;stream=false&amp;header=false&amp;height=270" scrolling="no" frameborder="0" scrolling="no" style="border: white; overflow: hidden; height: 270px; width: 245px;background:#fafafa;color:000;"&gt;&lt;/iframe&gt;&lt;/div&gt;
&lt;/div&gt;










5º &nbsp;Depois fazer essas modificação basta inserir esse código já modificado em um Gadget no seu Blogger,para fazer isto,basta acessar aba de seu blogger


















6° Agora para finalizar ,na Página que abrir ,basta encontrar a opção "HTML/JavaScript" ,agora é só colar o código editado,salvar e pronto.