Adicionar Facebook Popup Box no Blogger ou wordpress so abre uma vez por dia

Basta copiar o codigo abaixo alterando o [ https://www.facebook.com/FacebookBrasil ] e adcionar dentro do widget do seu site, ou no blogger ou wordpres. Ou pode ser adcionado dentro do <HEAD> do seu blog

Facebook Popup Box no Blogger ou wordpress so abre uma vez por dia

<!-- INICIO DO CÓDIGO --> 
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
<script src='http://yourjavascript.com/5297611110/facebook-popup-box.js' type='text/javascript'></script>
<div id="fb-root">
</div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/pt_BR/sdk.js#xfbml=1&appId=124246297655999&version=v2.3";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<style>
#fb-box-background {display: none;background: rgba(0, 0, 0, 0.8);width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 99999;}
#fb-box-close {width: 100%;height: 100%;}
#fb-box {background: #eaeaea;border: 2px solid #3A3A3A;-webkit-border-radius: 5px;-moz-border-radius: 5px;padding: 4px 10px 4px 10px;border-radius: 5px;position:absolute;top: 40%;left: 40%;margin-top: -50px;margin-left: -50px;}

#fclose-button {position: absolute;top: -10px;right: -10px;background: #fff;font: bold 16px Arial, Sans-Serif;text-decoration: none;line-height: 22px;width: 22px;
text-align: center;color: #000000;border: 2px solid #2F2F2F;-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.4);-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.4);
box-shadow: 0px 1px 2px rgba(0,0,0,0.4);-webkit-border-radius: 22px;-moz-border-radius: 22px;border-radius: 25px;cursor: pointer;}
#fclose-button:before {content: "X";}
#Poweredby,#Poweredby a.visited,#Poweredby a,#Poweredby a:hover {color: #aaaaaa;font-size: 9px;text-decoration: none;text-align: center;padding: 5px;}
#follow-us{font-size: 1.7em;color: #010069;}
</style>
<script type='text/javascript'>
jQuery(document).ready(function($){
if($.cookie('popup_facebook_box') != 'yes'){
$('#fb-box-background').delay(2000).fadeIn('medium');
$('#fclose-button, #fb-box-close').click(function(){
$('#fb-box-background').stop().fadeOut('medium');
});
}
$.cookie('popup_facebook_box', 'yes', { path: '/', expires: 1 });
});
</script>
<div id='fb-box-background'>
<div id='fb-box-close'>
</div>
<div id='fb-box'>
<div id="follow-us">
Nossa Pagina no Facebook</div>
<div id='fclose-button'>
</div>
<div class="fb-page" data-href="https://www.facebook.com/FacebookBrasil" rel="nofollow" data-width="400" data-height="400" data-hide-cover="false" data-show-facepile="true" data-show-posts="false">
</div>
<div id="Poweredby">
</div>
</div>
</div>
<!-- FIM DO CÓDIGO -->

Você pode testar seu Facebook Popup Box recarregando seu blog. Se o widget não apareceu, apenas limpar o seu histórico navegador recarregar novamente seu blog.

Adicionar Facebook Popup Box no Blogger ou wordpress so abre uma vez por dia

Postar um comentário

Marcadores

Seguidores

Formulário de contato

Adicionar Facebook Popup Box no Blogger ou wordpress so abre uma vez por dia

Talvez você goste destas postagens

Postar um comentário

Marcadores

Seguidores

Formulário de contato