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/AVvXsEi-DLurGvdDdDXdxV2Z41Q8-pfQTyvX-qVPOwYAcm1pEmN35cnsk5sPHCJaLuilHk2oo64qXYC4NN6LHHy5JYtWs4mL5XzH34XVQ5awmWmQhwCfDhz7IXVuzwq2MTmQC9QhQwj8yo_hmSoQ/") 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.
Comentários
Atenção:
Faça seu comentário dentro do assunto tratado acima;
Não divulgue endereço(s) de Sites ou Blogs;
Comentário que conterem divulgação serão moderados, somente serão aceitos links caso necessite de informar alguma fonte;
Proibido Spans;
Não faça Comentários Ofensivos, Ameaças, ou Termos preconceituosos.
OPINE, DÊ SUA SUGESTÃO, CONTATO, DÚVIDAS ETC. OBRIGADO DESDE JÁ !!!