Como colocar pequeno pop up do facebook

-

Como colocar pequeno pop up do facebook

Esse Widget é fácil de carregar, tem efeito deslizante e atraente,  é útil, pois facilita os visitantes do seu blog visualizarem o botão "Curtir no Facebook" , portanto, esse popup ajudará você a conseguir vários Fãs no facebook.

>> Veja uma Demostração da janela Pop UP: CLIQUE AQUI.
Observe que, ao descer a página do Blog, a janela Pop-Up aparece com um efeito deslizante ao lado direito do blog próximo ao roda-pé, e na janela aparece o Botão Curtir.

Como colocar no Blog:

Primeiro: Acesse o painel de edição do seu blog
A seguir vá na opção "Layout" e depois clique em "Adicionar um Gadget":


 Depois clique na opção "HTML/JavaScripts".

Segundo: Cole esse código dentro do HTML/JavaScripts:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <script type="text/javascript">$(window).scroll(function(){if($(document).scrollTop()>=$(document).height()/4)$("#mbsocial").show("slow");else $("#mbsocial").hide("slow");});function closeMBsocial(){$('#mbsocial').remove();$.ajax({type:"POST",url:"/facebookpage.php"});}</script> 

<style> #mbsocial{background:#f3f3f3;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;-moz-box-shadow:inset 0 0 3px #333;-webkit-box-shadow:inset 0 0 3px #333;box-shadow:inner 0 0 3px #333;padding:12px 14px 12px 14px;width:300px;position:fixed;bottom:13px;right:2px;display:none;z-index:3;height:100px;} .getmore a{display: inline-block;font-weight: normal;text-decoration: none;font-size:9px;color:#333!important; float:right;} .getmore a:visited{ color:#ddd;}</style>  
 <div style="display: none;" id="mbsocial"> <a style="position:absolute;top:14px;right:10px;color:#555;font-size:10px;font-weight:bold;" href="javascript:void(0);" onclick="return closeMBsocial();">(X)</a>

<span style="font-family: Verdana; font-size: 15px; margin: 10px 0; text-shadow: 1px 1px 0 #FFFFFF;font-weight:bold;color:#555;">Curta nossa Fan Page!</span><br />
 <a>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FNOMEdaSUAFANPAGE&amp;width=230&amp;height=62&amp;show_faces=false&amp;colorscheme=light&amp;stream=false&amp;border_color&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:230px; height:62px;" allowtransparency="true"></iframe>
</a>  

</div>
 <div class='clear'></div>

Altere o Código:
veja que no código eu deixei destacado uma pequena parte em vermelho, aquilo se trata do endereço da fan page, então pra alterá, você vai substituir a parte destacada em Vermelho peloendereço da sua Fan Page, veja bem o exemplo logo a baixo:

O endereço da minha Fan Page é esse aqui:
https://www.facebook.com/hadukenDoidoxD

Neste caso, eu ou você, somente irá utilizar a parte final do endereço que fica depois da "/" (barra), e substitui-lo no código:

hadukenDoidoxD

Depois de substituir é só salvar.
espero terem gostado
Encontramos no blog Varias Dicas para blog esse código

Comentários

Postar um comentário

Postagens mais visitadas deste blog

Anúncios Flutuantes

-
Imagem
E ai pessoal, aqui quem fala é o Edu...e hoje tenho algo super bacana para vocês  Um código de Anúncio Flutuantes, com 2 fechar " X " Como um velho conhecido meu sempre fala Tudo que é simples dispensa comentários extras. Então vamos logo ao que interessa Primeiro passo, você pega o código do anúncio que pretende colocar e guarda. Que daqui a pouco vamos precisar... <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js" type="text/javascript"></script><br /> <script type="text/javascript"> $a = jQuery.noConflict(); $a(document).ready(function(e) { //funcoes banners $a('#fecharads1-fx').hover(function(){ $a('#fecharads1-fx').hide(); $a('#fecharads2-fx').css('display','block'); }); $a('#fecharads2-fx').click(function(){ $a('#ads-foda-fx').css('display','none'); }); });</script&g
Leia mais

Player fixo de radio em Cima do blog

-
Imagem
Malz aee pessoal por tanto tempo sem posta mais tenho uma desculpa.Eu tava viciado em league of legends(LOL) aee fiquei sem posta mais ainda tou viciado,assim tbm tou sem muito tempo pois tenho que jogar league of legens então vou deixa essa pequena dica ae Olá pessoal! Neste tutorial irei ensinar como colocar o player de web rádio fixo no topo do Blog, simples e prático. Creio que você já deve ter visto em alguns Blogs ou sites um player fixo posicionado no topo, conforme você rola a barra de rolagem para cima ou para baixo, o player desliza acompanhado a página sem sair de sua posição, então, é deste mesmo modo que vamos aprender a fazer. > Veja uma Demonstração Veja como colocar o player no topo do blog 1º Passo : Abra o Painel de Edição do seu Blog: Vá em >> Modelo >> Editar HTML   2º Passo : Agora você vai expandir a seguinte linha de código " <b:skin>...</b:skin> " conforme mostra o exemplo na imagem logo abaixo: 3
Leia mais

Player De Web Radio Fixo No Topo do blog

-
Imagem
Vá em modelo>Editar Html Depois procure por  <b:skin>...</b:skin> Depois Procure Por ]]></b:skin> E Cole  /*Player de Radio*/ ul#Player-fixed { position:fixed; width:100%; margin:0; padding:0; top:0px; left:0px;; list-style:none; z-index:9999; }  Agora que teminamo o CSS Vamo pro Hard Procure Por " </body>" , E Cole esse código acima <ul id='Player-fixed'>  <iframe src="   http://link do Player da radio " frameborder="0" scrolling="no" width="100%" height="40"></iframe>   </ul> A parte Azul representa A Nação azul.Zoa E O link do player O Vermelho não altera! A Lagura Cabe A Você.Ok?,Flw.Bjo -3 Maneiras de me ajuda -1 Curta a Fanpage -2 visite o site do criador do código  VDPB 3-Comentem!!
Leia mais