Sapo Design

Adicionar Facebook Popup Box no Blogger ou wordpress

Postado por Daniel Ferreira

Basta copiar o código abaixo alterando o [ https://www.facebook.com/FacebookBrasil ] e adicionar dentro do widget do seu site, ou no blogger ou wordpres. Ou pode ser adicionado 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.

Gostou do post? Comente e seja um Seguidor do Site!

0 Response to " Adicionar Facebook Popup Box no Blogger ou wordpress "

Enviar um comentário

Atenção:
Este é um espaço público e moderado.Não Deixe Pedidos nós Posts impróprios, há qual há uma pagina especialmente para os Pedidos. Não forneça os seus dados pessoais tais (como telefone ou morada) nem utilize linguagem imprópria.

Subscrever: Enviar feedback ( Atom )

Adicionar Facebook Popup Box no Blogger ou wordpress

0 Response to " Adicionar Facebook Popup Box no Blogger ou wordpress "

Enviar um comentário

Menu Renders

Menu Wallpapers

Facebook

Seguidores

Redes Sociais

Menu Váriado

Menu Templates