Como colocar pop up do Facebook com contagem de tempo personalizada no seu blog; Vídeo

Que tal colocar em seu blog um mecanismo que pode lhe ajudar a ganhar muitas curtidas?
Com esse pop up você poderá dobrar o número de curtidas em sua página do Facebook. Como? Basta assistir o vídeo e saber como usar o código que você encontra logo abaixo do mesmo.







  • Código:

<style>
#fblikepop {background-color: #fff;display: none;    position: fixed;    top: 200px;    _position: absolute;     width: 450px;    border: 10px solid #6F6F6F;    z-index: 200;-moz-border-radius: 9px;    -webkit-border-radius: 9px;    margin: 0pt;    padding: 0pt;    color: #333333;    text-align: left;font-family: arial,sans-serif;    font-size: 13px;} 
#fblikepop body {background: #fff none repeat scroll 0%;    line-height: 1;    margin: 0pt;    height: 100%;} 
.fbflush {cursor: pointer;    font-size: 11px !important;    color: #FFF !important;    text-decoration: none !important;    border: 0 !important;} #fblikebg {display: none;    position: fixed;_position: absolute;  height: 100%;    width: 100%;    top: 0;    left: 0;    background: #000000;    z-index: 100;} 
#fblikepop #closeable {color: #333;float: right;    margin: 7px 0 0 0;} 
#fblikepop h1 {    background: #6D84B4 none repeat scroll 0 0;    border-top: 1px solid #3B5998;    border-left: 1px solid #3B5998;    border-right: 1px solid #3B5998;    color: #FFFFFF !important;    font-size: 14px !important;    font-weight: normal !important;    padding: 5px !important;    margin: 0 !important;font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif !important;} 
#fblikepop #actionHolder { height: 60px;    overflow: hidden;}
#fblikepop #buttonArea { background: #F2F2F2;    border-top: 1px solid #CCCCCC;    padding: 10px;    min-height: 50px;} 
#fblikepop #buttonArea a { color: #999999 !important;    text-decoration: none !important;    border: 0 !important;    font-size: 10px !important;} #fblikepop #buttonArea a:hover {    color: #333 !important;    text-decoration: none !important; border: 0 !important;} 
#fblikepop #popupMessage {font-size: 12px !important;font-weight: normal !important;    line-height: 22px;    padding: 8px;    background: #fff !important;} 
#fblikepop #counter-display {float: right;    font-size: 11px !important;font-weight: normal !important;    margin: 5px 0 0 0;text-align: right;line-height: 16px;}</style> 
<script src="http://www.google.com/jsapi"></script>
<script>google.load("jquery", "1");</script> 
<script type="text/javascript" src="http://connect.facebook.net/pt_BR/all.js#xfbml=1"></script> 
<script type="text/javascript">
 //<![CDATA[   
  kakinetworkdotcom01username="VideoBlogueiro",
  kakinetworkdotcom01title="Encontre-nos no Facebook",
  kakinetworkdotcom01time="25",
  kakinetworkdotcom01wait="0",
  kakinetworkdotcom01lang="br"
 //]]>  
 </script> 
 <script type="text/javascript" src="http://mundoblogger.webs.com/scripts/popupFBlikebox.js"></script>
 <script type="text/javascript">
   //<![CDATA[ 
  $(document).ready(function(){$().kakinetworkdotcom({ closeable: true });});  
   //]]>
  </script>

COMPARTILHAR:

+1

9 Comentarios "Como colocar pop up do Facebook com contagem de tempo personalizada no seu blog; Vídeo"

  1. cara esse codigo ai n tah certo n neh
    n achei as coisas q vc disse no video nesse codigo ai vc pode me explicar ou mandar outro codigo p miin pf

    ResponderExcluir
    Respostas
    1. Olá Jorge, fiquei muito preocupado com seu comentário, por isso criei um blog de testes e fiz todo o procedimento da vídeo aula (você mesmo pode conferir: http://4trominutos.blogspot.com.br/ Obs: depois de alguns dias vou tirar). No entanto funcionou, então acredito que você tenha feito algo de errado no processo de instalação.

      Vá até layout, em seguida clique sobre "adicionar um gadget", na janela que se abrir seleciona "html/java..." e cole o código alterando apenas as partes em vermelho.

      Caso não funcione novamente, devo lhe pedir para que crie um blog de testes e tente nele, caso funcione no blog de testes, as opções de incompatibilidade são enormes, então peço que volte a comentar aqui caso não tenha conseguido que eu irei arrumar um maneira de te fazer essa assistência e colocar para você por meio de "assistência remota" se você aceitar via "team viewer". Não se preocupe, iremos solucionar seu problema, apenas tente novamente o passo a passo e caso não consiga, crie um blog teste, se o problema persistir me avise.

      Excluir
    2. ok vo tentar fazer denovo :-)
      poh cara da hr seu blog viu curto mt seus videos

      Excluir
  2. e o código deste video https://www.youtube.com/watch?v=TAlAngBOcJY

    ResponderExcluir
  3. a janela fica abrindo toda hora no meu blog pq?

    ResponderExcluir
    Respostas
    1. Isso deve ter a ver com seu navegador. O seu é o primeiro caso do tipo. Por favor, reset as configurações do navegador, deve funcionar.

      Excluir
  4. na video aula fala q so abre uma vez

    ResponderExcluir
    Respostas
    1. Sim amigo, uma vez por dia, a menos que você curta a página, neste caso não abre mais.

      Excluir

Dúvidas? aqui é o lugar certo !

Parceiros