Janelinha Curtir Facebook ao carregar página

Adicione uma caixa flutuando para os usuarios curtirem sua pagina do facebook, assim que a pagina carregar. Este widget pode bugar alguns modelos mais atuais no Webnode.

Demonstração

Clique aqui para ver a demonstração
 

Como instalar 

  • Copie este codigo modificando o texto em destaque pelo nome de usuario da pagina. Ex: http://www.facebook.com/MaioChristopher
<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">    kakinetworkdotcom01username="NOME DE USUARIO DA PAGINA",   kakinetworkdotcom01title="Encontre-nos no Facebook",   kakinetworkdotcom01time="12",   kakinetworkdotcom01wait="0",   kakinetworkdotcom01lang="br"   </script>   <script type="text/javascript" src="http://www.maiochristopher.ga/codigos/popfacebook/config.js"></script>  <script type="text/javascript">      $(document).ready(function(){$().kakinetworkdotcom({ closeable: true });});        </script>
  • No webnode, arraste a opção 'widget' para algum lugar no site, cole o codigo e publique.
  • Em demais criadores de site cole como codigo embutido
 
Créditos totais à MaioChristopher

 

contador free
 
 
    

Enquete

Voce joga muito pelo celular?

Sim (660)
Raramente (50)
Não (55)

Total de votos: 765

Parceiros

  

Enquete

Você gosta de radio automática em um site?

Sim (94)
Não (100)

Total de votos: 194