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º Encontre no painel do seu Blogger a aba (Modelo) e depois clique em (Editar HTML)
2º Clique sobre o código do seu template e tecle CTRL + F e busque por:
3º E abaixo do código acima cole o seguinte código:
|
|
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
|
4º Agora copie e cole o código abaixo em algum local e na linha que está em VERMELHO substitua o texto “NOME-DA-PÁGINA” pelo nome de sua Fan Page:
|
<script type="text/javascript"> /*<![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);}); /*]]>*/ </script> <style type="text/css"> .theblogwidgets{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTEvcWlEZI19OaXbp6ko1UacPzHdJ2dsownger-GARk-5AeIA7LlVovYUBrEl4Ku2hkQczZREhsp64pqT7vvGGwmCWIcWCW-DA8KecHulYVWQyWrFdMsSD4iOO8zoohiyvJuNp2tQFpM8o/") 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;} } </style><div class="theblogwidgets" style="">
<div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2FNOME-DA-PÁGINA&width=245&colorscheme=light&show_faces=true&border_color=white&connections=9&stream=false&header=false&height=270" scrolling="no" frameborder="0" scrolling="no" style="border: white; overflow: hidden; height: 270px; width: 245px;background:#fafafa;color:000;"></iframe></div>
</div>
|
5º 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.
Olá! Tentei colocar, mas apareceu somente o nome do facebook, mas a minha página para curtir não apareceu. o que eu faço?
ResponderExcluirBoa tarde amigo, onde está escrito NOME-DA-PÁGINA, em vez do nome da sua fanpage, troca e coloca o ID, os números sabe, depois do nome da sua página, ai vc coloca o id depois disso %2ID...ja era, flw, veja o meu: www.mega-incrivel.blogspot.com.br, ta vendo deu certo, vlw pelos códigos...^_^
Excluirwinston como tu colocou aquela caixa flutuante quando desce com o mouse de curtir no facebook ?
ExcluirSério, muito obrigado!! a um tempão que eu estava procurando esse código e não achava e ninguém queria dizer!!
ResponderExcluirTentei até ir no código fonte dos blogs que encontrava só que não pegava por causa do javascript que também é necessário!!
Valeu!! Amo o blog de vocês!!
Como é q eu faço para colocar outros, tipo twitter? outras redes no mesmo lado.
ResponderExcluirAmo o blog de vocês!!
ResponderExcluirPerfeito... Parabéns pela dedicação em poder ensinar!!!
ResponderExcluirBoa! Funcionou direitinho no meu site e blog.
ResponderExcluirBoa! Funcionou direitinho no meu site e blog.
ResponderExcluirOlá amigo, tenho um blog a pouco tempo, eu me cadastrei no egrana, o egrana me ofereceu um banner mais esse banner não esta funcionando nem o pop up, vc saber me dizer o que pode está acontecendo? Obrigado: http://www.dicadeblog.com.br/
ResponderExcluirGreat to become visiting your weblog once more, it has been a very long time for me. Pleasantly this article i've been sat tight for such a long time. I will require this post to add up to my task in the school, and it has identical subject along with your review. Much appreciated, great offer.https://360digitmg.com/course/certification-program-in-data-science
ResponderExcluirThank you for sharing wonderful contentdata science course in Noida
ResponderExcluirThis is a great post I saw thanks to sharing. I really want to hope that you will continue to share great posts in the future.hrdf contribution
ResponderExcluir
ResponderExcluirI really like your writing style, great date, thank you for posting.
https://360digitmg.com/course/artificial-intelligence-ai-and-deep-learning
I think I have never watched such online diaries ever that has absolute things with all nuances which I need. So thoughtfully update this ever for us.
ResponderExcluir360DigiTMG data analytics training malaysia
I'm trusting you continue composing this way. I love the amazing way cautious and top to bottom you go on this theme. Keep up the extraordinary work
ResponderExcluirhrdf scheme
I looked at some very important and to maintain the length of the strength you are looking for on your website
ResponderExcluirmasters in data science
You really make it look so natural with your exhibition however I see this issue as really something which I figure I could never understand. It appears to be excessively entangled and incredibly expansive for me.
ResponderExcluiriot certification
Very Useful article
ResponderExcluirai course in pune