USE A VERSÃO DA SUA PREFÊNCIA (VOCÊ SÓ PRECISA SEGUIR UM TUTORIAL):
VERSÃO COM COOKIE:
1º – Acesse o Painel Blogger e clique na Guia Modelo.
2º – Em seguida clique no Botão Editar HTML.
3º – Depois Segure as teclas CTRL+F e procure por:
</head> 4º – E ACIMA dele cole o seguinte código:
<link media="screen" rel="stylesheet" href="http://dl.dropbox.com/u/44914301/codigos/colorbox.css" />5º - Em Seguida Segure as teclas CTRL+F novamente e procure por:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
<script src="http://dl.dropbox.com/u/44914301/codigos/jquery.colorbox-min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
if (document.cookie.indexOf('visited=true') == -1) {
var fifteenDays = 1000*60*60*24*15;
var expires = new Date((new Date()).valueOf() + fifteenDays);
document.cookie = "visited=true;expires=" + expires.toUTCString();
$.colorbox({width:"700px", inline:true, href:"#subscribe"});
}
});
</script>
]]></b:skin>6º – E ACIMA dele cole o seguinte código:
#subscribe {font: 12px/1.2 Arial,Helvetica,san-serif;}7º – E agora segure as teclas CTRL+F e desta vez procure por:
#subscribe a,#subscribe a:hover,#subscribe a:visited {text-decoration:none;}
.box-tagline {color: #999;font-size: 14px;margin: 0;text-align: center;}
.box-side.left {padding: 0 30px 0 15px;border-right: 1px solid #ecedf3;}
.box-icon {width: 72px;height: 54px;padding: 6px 0 0 0;margin: 0 auto;}
.box-icon a.rss{display: block;width: 70px;height: 56px;margin: 0 auto;}
.box-icon a{display: block;width: 72px;height: 54px;}
.box-icon a.email img,.box-icon a.rss img {margin: -5px 0 0;border: 0 none;}
.box-side h4, .box-side h4 a {font-size: 14px;line-height: 14px;color: #f26535;font-weight: bold;}
.box-side h4 { margin: 20px 0 10px 0; }
.box-side h5 {font-size: 11px;color: #5e6066; line-height: 18px;margin: 0 0 20px 0;}
.box-side h4 a:hover {color: #f26535;}
.demo {display:none;}
#subscribe{font:12px/1.2 Arial,Helvetica,san-serif;}
#subscribe a,#subscribe a:hover,#subscribe a:visited{text-decoration:none;}
#subs-container{position:relative;padding:35px 0 30px;}
.box-icon{width:72px;height:54px;margin:0 auto;padding:6px 0 0;}
.box-icon a.rss{display:block;width:70px;height:56px;margin:0 auto;}
.box-icon a{display:block;width:72px;height:54px;}
.box-icon a.email img,.box-icon a.rss img{border:0 none;margin:-5px 0 0;}
.box-side h4,.box-side h4 a{font-size:14px;line-height:14px;color:#f26535;font-weight:700;}
.box-side h4{margin:20px 0 10px;}
.box-side h5{font-size:11px;color:#5e6066;line-height:18px;margin:0 0 20px;}
.box-side h4 a:hover{color:#f26535;}
#cboxLoadedContent {overflow: hidden !important;}
<body>8º – E ABAIXO dele cole o seguinte código:
<div style='display:none'>9º – Em seguida clique em Salvar Modelo (lembre-se de substituir o ID da Página).
<div id='subscribe' style='padding:10px; background:#fff;'>
<h2 class='box-title' style='text-transform: uppercase;color: #2C2D31;font-size: 20px;font-weight: 700;text-align: center;margin: 10px 0;'>Curta Nossa Página do Facebook!</h2>
<div class='clearfix' id='subs-container' style='position: relative;padding: 35px 0 0px;'>
<div class='box-side left' style='width:130px;text-align: center;border-right:1px solid #ecedf3;padding:0 20px 0 15px;'>
<li style='font-size: 14px;font-family: arial;margin-bottom: 10px;line-height: 27px;text-align: justify;color: black;list-style-type: none;text-transform: uppercase;'><img src='http://2.bp.blogspot.com/-rfBoFYmEpTQ/Tq0KkbWelbI/AAAAAAAACZg/havtLjBq130/s1600/facebook.png'/></li>
</div>
<div class='box-side right' style='height: 265px;float:right;margin-top:-236px;margin-right:25px;'>
<div class='facebook' style='margin-top: 90px;margin-left: -240px;'><script src='http://static.ak.connect.facebook.com/connect.php' type='text/javascript'/><script type='text/javascript'>FB.init("03e59f87270d961f8eefad76d5e70643");</script>
<fb:fan connections='26' css='http://dl.dropbox.com/u/44914301/codigos/css/facebook-estilo.css' logobar='0' profile_id='ID DA SUA PÁGINA DO FACEBOOK' stream='0' width='480'/></div></div><br/><span style='float: left;margin-top: -10px;color: gray;font-size: 13px;'>Desenvolvido Por <b><a href='http://www.blogandocomfacilidade.com/2011/10/fantastica-popup-em-janela-modal-para_30.html' style='color: #004D97 !important;' target='_blank'> Iago Melanias</a></b></span></div></div></div>
VERSÃO SEM COOKIE:
</head>
<link media="screen" rel="stylesheet" href="http://dl.dropbox.com/u/44914301/codigos/colorbox.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
<script src="http://dl.dropbox.com/u/44914301/codigos/jquery.colorbox-min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
if (document.cookie.indexOf('visited=true') == -1) {
$.colorbox({width:"700px", inline:true, href:"#subscribe"});
}
});
</script>
]]></b:skin>
#subscribe {font: 12px/1.2 Arial,Helvetica,san-serif;}
#subscribe a,#subscribe a:hover,#subscribe a:visited {text-decoration:none;}
.box-tagline {color: #999;font-size: 14px;margin: 0;text-align: center;}
.box-side.left {padding: 0 30px 0 15px;border-right: 1px solid #ecedf3;}
.box-icon {width: 72px;height: 54px;padding: 6px 0 0 0;margin: 0 auto;}
.box-icon a.rss{display: block;width: 70px;height: 56px;margin: 0 auto;}
.box-icon a{display: block;width: 72px;height: 54px;}
.box-icon a.email img,.box-icon a.rss img {margin: -5px 0 0;border: 0 none;}
.box-side h4, .box-side h4 a {font-size: 14px;line-height: 14px;color: #f26535;font-weight: bold;}
.box-side h4 { margin: 20px 0 10px 0; }
.box-side h5 {font-size: 11px;color: #5e6066; line-height: 18px;margin: 0 0 20px 0;}
.box-side h4 a:hover {color: #f26535;}
.demo {display:none;}
#subscribe{font:12px/1.2 Arial,Helvetica,san-serif;}
#subscribe a,#subscribe a:hover,#subscribe a:visited{text-decoration:none;}
#subs-container{position:relative;padding:35px 0 30px;}
.box-icon{width:72px;height:54px;margin:0 auto;padding:6px 0 0;}
.box-icon a.rss{display:block;width:70px;height:56px;margin:0 auto;}
.box-icon a{display:block;width:72px;height:54px;}
.box-icon a.email img,.box-icon a.rss img{border:0 none;margin:-5px 0 0;}
.box-side h4,.box-side h4 a{font-size:14px;line-height:14px;color:#f26535;font-weight:700;}
.box-side h4{margin:20px 0 10px;}
.box-side h5{font-size:11px;color:#5e6066;line-height:18px;margin:0 0 20px;}
.box-side h4 a:hover{color:#f26535;}
#cboxLoadedContent {overflow: hidden !important;}
<body>
<div style='display:none'>
<div id='subscribe' style='padding:10px; background:#fff;'>
<h2 class='box-title' style='text-transform: uppercase;color: #2C2D31;font-size: 20px;font-weight: 700;text-align: center;margin: 10px 0;'>Curta Nossa Página do Facebook!</h2>
<div class='clearfix' id='subs-container' style='position: relative;padding: 35px 0 0px;'>
<div class='box-side left' style='width:130px;text-align: center;border-right:1px solid #ecedf3;padding:0 20px 0 15px;'>
<li style='font-size: 14px;font-family: arial;margin-bottom: 10px;line-height: 27px;text-align: justify;color: black;list-style-type: none;text-transform: uppercase;'><img src='http://2.bp.blogspot.com/-rfBoFYmEpTQ/Tq0KkbWelbI/AAAAAAAACZg/havtLjBq130/s1600/facebook.png'/></li>
</div>
<div class='box-side right' style='height: 265px;float:right;margin-top:-236px;margin-right:25px;'>
<div class='facebook' style='margin-top: 90px;margin-left: -240px;'><script src='http://static.ak.connect.facebook.com/connect.php' type='text/javascript'/><script type='text/javascript'>FB.init("03e59f87270d961f8eefad76d5e70643");</script>
<fb:fan connections='26' css='http://dl.dropbox.com/u/44914301/codigos/css/facebook-estilo.css' logobar='0' profile_id='ID DA SUA PÁGINA DO FACEBOOK' stream='0' width='480'/></div></div><br/><span style='float: left;margin-top: -10px;color: gray;font-size: 13px;'>Desenvolvido Por <b><a href='http://www.blogandocomfacilidade.com/2011/10/fantastica-popup-em-janela-modal-para_30.html' style='color: #004D97 !important;' target='_blank'> Iago Melanias</a></b></span></div></div></div>
VERSÃO SEM COOKIE E QUE SÓ APARECE NA PÁGINA INICIAL:
1º – Acesse o Painel Blogger e clique na Guia Modelo.
2º – Em seguida clique no Botão Editar HTML.
3º – Depois Segure as teclas CTRL+F e procure por:
</head> 4º – E ACIMA dele cole o seguinte código:
<b:if cond='data:blog.url == data:blog.homepageUrl'>5º - Em Seguida Segure as teclas CTRL+F novamente e procure por:
<link media="screen" rel="stylesheet" href="http://dl.dropbox.com/u/44914301/codigos/colorbox.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
<script src="http://dl.dropbox.com/u/44914301/codigos/jquery.colorbox-min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
if (document.cookie.indexOf('visited=true') == -1) {
$.colorbox({width:"700px", inline:true, href:"#subscribe"});
}
});
</script></b:if>
]]></b:skin>6º – E ACIMA dele cole o seguinte código:
#subscribe {font: 12px/1.2 Arial,Helvetica,san-serif;}7º – E agora segure as teclas CTRL+F e desta vez procure por:
#subscribe a,#subscribe a:hover,#subscribe a:visited {text-decoration:none;}
.box-tagline {color: #999;font-size: 14px;margin: 0;text-align: center;}
.box-side.left {padding: 0 30px 0 15px;border-right: 1px solid #ecedf3;}
.box-icon {width: 72px;height: 54px;padding: 6px 0 0 0;margin: 0 auto;}
.box-icon a.rss{display: block;width: 70px;height: 56px;margin: 0 auto;}
.box-icon a{display: block;width: 72px;height: 54px;}
.box-icon a.email img,.box-icon a.rss img {margin: -5px 0 0;border: 0 none;}
.box-side h4, .box-side h4 a {font-size: 14px;line-height: 14px;color: #f26535;font-weight: bold;}
.box-side h4 { margin: 20px 0 10px 0; }
.box-side h5 {font-size: 11px;color: #5e6066; line-height: 18px;margin: 0 0 20px 0;}
.box-side h4 a:hover {color: #f26535;}
.demo {display:none;}
#subscribe{font:12px/1.2 Arial,Helvetica,san-serif;}
#subscribe a,#subscribe a:hover,#subscribe a:visited{text-decoration:none;}
#subs-container{position:relative;padding:35px 0 30px;}
.box-icon{width:72px;height:54px;margin:0 auto;padding:6px 0 0;}
.box-icon a.rss{display:block;width:70px;height:56px;margin:0 auto;}
.box-icon a{display:block;width:72px;height:54px;}
.box-icon a.email img,.box-icon a.rss img{border:0 none;margin:-5px 0 0;}
.box-side h4,.box-side h4 a{font-size:14px;line-height:14px;color:#f26535;font-weight:700;}
.box-side h4{margin:20px 0 10px;}
.box-side h5{font-size:11px;color:#5e6066;line-height:18px;margin:0 0 20px;}
.box-side h4 a:hover{color:#f26535;}
#cboxLoadedContent {overflow: hidden !important;}
<body>8º – E ABAIXO dele cole o seguinte código:
<div style='display:none'>9º – Em seguida clique em Salvar Modelo (lembre-se de substituir o ID da Página).
<div id='subscribe' style='padding:10px; background:#fff;'>
<h2 class='box-title' style='text-transform: uppercase;color: #2C2D31;font-size: 20px;font-weight: 700;text-align: center;margin: 10px 0;'>Curta Nossa Página do Facebook!</h2>
<div class='clearfix' id='subs-container' style='position: relative;padding: 35px 0 0px;'>
<div class='box-side left' style='width:130px;text-align: center;border-right:1px solid #ecedf3;padding:0 20px 0 15px;'>
<li style='font-size: 14px;font-family: arial;margin-bottom: 10px;line-height: 27px;text-align: justify;color: black;list-style-type: none;text-transform: uppercase;'><img src='http://2.bp.blogspot.com/-rfBoFYmEpTQ/Tq0KkbWelbI/AAAAAAAACZg/havtLjBq130/s1600/facebook.png'/></li>
</div>
<div class='box-side right' style='height: 265px;float:right;margin-top:-236px;margin-right:25px;'>
<div class='facebook' style='margin-top: 90px;margin-left: -240px;'><script src='http://static.ak.connect.facebook.com/connect.php' type='text/javascript'/><script type='text/javascript'>FB.init("03e59f87270d961f8eefad76d5e70643");</script>
<fb:fan connections='26' css='http://dl.dropbox.com/u/44914301/codigos/css/facebook-estilo.css' logobar='0' profile_id='ID DA SUA PÁGINA DO FACEBOOK' stream='0' width='480'/></div></div><br/><span style='float: left;margin-top: -10px;color: gray;font-size: 13px;'>Desenvolvido Por <b><a href='http://www.blogandocomfacilidade.com/2011/10/fantastica-popup-em-janela-modal-para_30.html' style='color: #004D97 !important;' target='_blank'> Iago Melanias</a></b></span></div></div></div>
VERSÃO COM COOKIE E QUE SÓ APARECE NA PÁGINA INICIAL:
1º – Acesse o Painel Blogger e clique na Guia Modelo.
2º – Em seguida clique no Botão Editar HTML.
3º – Depois Segure as teclas CTRL+F e procure por:
</head> 4º – E ACIMA dele cole o seguinte código:
<b:if cond='data:blog.url == data:blog.homepageUrl'>5º - Em Seguida Segure as teclas CTRL+F novamente e procure por:
<link media="screen" rel="stylesheet" href="http://dl.dropbox.com/u/44914301/codigos/colorbox.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
<script src="http://dl.dropbox.com/u/44914301/codigos/jquery.colorbox-min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
if (document.cookie.indexOf('visited=true') == -1) {
var fifteenDays = 1000*60*60*24*15;
var expires = new Date((new Date()).valueOf() + fifteenDays);
document.cookie = "visited=true;expires=" + expires.toUTCString();
$.colorbox({width:"700px", inline:true, href:"#subscribe"});
}
});
</script></b:if>
]]></b:skin>6º – E ACIMA dele cole o seguinte código:
#subscribe {font: 12px/1.2 Arial,Helvetica,san-serif;}7º – E agora segure as teclas CTRL+F e desta vez procure por:
#subscribe a,#subscribe a:hover,#subscribe a:visited {text-decoration:none;}
.box-tagline {color: #999;font-size: 14px;margin: 0;text-align: center;}
.box-side.left {padding: 0 30px 0 15px;border-right: 1px solid #ecedf3;}
.box-icon {width: 72px;height: 54px;padding: 6px 0 0 0;margin: 0 auto;}
.box-icon a.rss{display: block;width: 70px;height: 56px;margin: 0 auto;}
.box-icon a{display: block;width: 72px;height: 54px;}
.box-icon a.email img,.box-icon a.rss img {margin: -5px 0 0;border: 0 none;}
.box-side h4, .box-side h4 a {font-size: 14px;line-height: 14px;color: #f26535;font-weight: bold;}
.box-side h4 { margin: 20px 0 10px 0; }
.box-side h5 {font-size: 11px;color: #5e6066; line-height: 18px;margin: 0 0 20px 0;}
.box-side h4 a:hover {color: #f26535;}
.demo {display:none;}
#subscribe{font:12px/1.2 Arial,Helvetica,san-serif;}
#subscribe a,#subscribe a:hover,#subscribe a:visited{text-decoration:none;}
#subs-container{position:relative;padding:35px 0 30px;}
.box-icon{width:72px;height:54px;margin:0 auto;padding:6px 0 0;}
.box-icon a.rss{display:block;width:70px;height:56px;margin:0 auto;}
.box-icon a{display:block;width:72px;height:54px;}
.box-icon a.email img,.box-icon a.rss img{border:0 none;margin:-5px 0 0;}
.box-side h4,.box-side h4 a{font-size:14px;line-height:14px;color:#f26535;font-weight:700;}
.box-side h4{margin:20px 0 10px;}
.box-side h5{font-size:11px;color:#5e6066;line-height:18px;margin:0 0 20px;}
.box-side h4 a:hover{color:#f26535;}
#cboxLoadedContent {overflow: hidden !important;}
<body>8º – E ABAIXO dele cole o seguinte código:
<div style='display:none'>9º – Em seguida clique em Salvar Modelo (lembre-se de substituir o ID da Página).
<div id='subscribe' style='padding:10px; background:#fff;'>
<h2 class='box-title' style='text-transform: uppercase;color: #2C2D31;font-size: 20px;font-weight: 700;text-align: center;margin: 10px 0;'>Curta Nossa Página do Facebook!</h2>
<div class='clearfix' id='subs-container' style='position: relative;padding: 35px 0 0px;'>
<div class='box-side left' style='width:130px;text-align: center;border-right:1px solid #ecedf3;padding:0 20px 0 15px;'>
<li style='font-size: 14px;font-family: arial;margin-bottom: 10px;line-height: 27px;text-align: justify;color: black;list-style-type: none;text-transform: uppercase;'><img src='http://2.bp.blogspot.com/-rfBoFYmEpTQ/Tq0KkbWelbI/AAAAAAAACZg/havtLjBq130/s1600/facebook.png'/></li>
</div>
<div class='box-side right' style='height: 265px;float:right;margin-top:-236px;margin-right:25px;'>
<div class='facebook' style='margin-top: 90px;margin-left: -240px;'><script src='http://static.ak.connect.facebook.com/connect.php' type='text/javascript'/><script type='text/javascript'>FB.init("03e59f87270d961f8eefad76d5e70643");</script>
<fb:fan connections='26' css='http://dl.dropbox.com/u/44914301/codigos/css/facebook-estilo.css' logobar='0' profile_id='ID DA SUA PÁGINA DO FACEBOOK' stream='0' width='480'/></div></div><br/><span style='float: left;margin-top: -10px;color: gray;font-size: 13px;'>Desenvolvido Por <b><a href='http://www.blogandocomfacilidade.com/2011/10/fantastica-popup-em-janela-modal-para_30.html' style='color: #004D97 !important;' target='_blank'> Iago Melanias</a></b></span></div></div></div>
COMO OBTER O ID DA PÁGINA?
2º – No superior da Página, clique em “Editar Página”.
3º – Depois analise o Url que você está acessando, e copie a série de números finais do url, como mostra na seguinte imagem:
4º – Depois é só substituir pelo texto negritado no código do passo 8.
O QUE SÃO COOKIES?
*ATENÇÃO: Esse tutorial e o código usado é dessa nossa autoria, pedimos que você não copie sem adicionar os respectivos créditos preferencialmente na parte superior da postagem, caso contrário, ela poderá se denunciada e você terá seu blog afetado. O Código é Nosso e também pedimos que você não remova o crédito que está no fim da PopUp, isso serve de incentivo para nosso trabalho.
Perfeito Iago, Simplesmente Perfeito!
Muito bom, a única desvantagem é se a internet do visitante da página for lenta então a barra fica rolando, rolando rolaaaando. Mas muito bom. Parabéns mais uma vez Iago.
não é "limpados" mas sim "limpos"…
vlw por atender meu pedido ;D o blog ta de parabens
OI IAGO, NO MEU BLOG NÃO DEU CERTO, FIZ TODOS OS PASSOS DO TUTORIAL, ACHO QUE É CONFLITO COM JQUERY, VOCÊ PODE ME AJUDAR A REMOVER…. OI PESSOAL DO BCF TAMBÉM PODEM ME AJUDAR A REMOVER ESSE CONFLITO… DESDE JÁ FICO AGRADECIDO
@Baixe Correto Com Cookie
Iago qual a melhor com cookie ou sem?
@PadocaGames[ADM], Olá, testei todas as versões antes de disponibilizar o tutorial todas funcionaram corretamente e fecharam corretamente. Veja se não há nenhum conflito ou css indesejado fazendo com que não funcione. E lembre-se de limpar os cookies na hora de visualizar.
Esta postagem foi removida pelo autor.
Esta postagem foi removida pelo autor.
Sim sim… eu acho que era um problema em minha conexão. ;D
Valeu!
Parabéns,
Esta popup ficou fantástica,
Me desculpe, mas eu meio que mudei de ideia e quero retirá-los, e agora como faço?
ótimoblog, me ajuda muito.
@Valdire Pires, Olá, você deve desfazer o que você fez através do próprio tutorial. Um Backup ajuda nessa hora.
O meu não funciona!
não aparece nada!
segui todos os passos direitinho!
Iago, ainda estou com dúvidas quanto à janela modal.. Pois eu apliquei-a em meu blog, e ele tem um ".js", que quando você clica, abre uma janela, ok?
Sempre que eu entro em meu blog, pela primeira vez, como se fosse um visitante(cookies excluídos, pois estou usando a versão sem cookies), eu clico em qualquer área, ou o próprio "X", que é o que chama mais a atenção quando a janela se apaga, a janela não se fecha, e abre o POP-UP.. Aí, eu fecho o POP-UP, volto à página e clico novamente no "X" e a janela não se fecha. Ela simplesmente fica lá, parada, sendo assim, eu fico obrigado à recarregar a página.
Gostaria que você pudesse me ajudar nesta questão.
Até mais!
Iago, por favor… Poderia fazer uma deste estilo?:
http://linkagames.net
ou
http://gamesviciantes.com
Agradeço desde já!
Até mais!
@PadocaGames[ADM], Olá, Popups e Janelas Modais entram em conflito, só podemos usar uma delas. Quanto a Janela Modal daqueles dois sites que citou, vou tentar fazer.
@Bropen Games, Olá,olhe se não é conflito em jquery.
Hahaha, esse artigo já foi programado e será postado na segunda-feira (21/11/11).
@PadocaGames[ADM], Olá, hahaha, é que até lá tem post programado para todos esses dias. Tô adiantando, hoje mesmo vai sair o código.
@Iago Melanias,
Obrigado Iago, até mais!
Cara, como fazer para colocar a Like Box do Facebook na lateral do blog rolando junto com a página, como por exemplo você colocou à direita do seu blog de testes: http://demobcf.blogspot.com. Pode me ensinar? Email: [email protected]
@Danilo Moraes,
Pode crer.. '-' Agora que eu vi, também quero saber.
:B
Valeu!
Pow…! Sacanagem!! Só dia 21/11?! kkkkkkkkkkkkk'
[/string]libera aí mano… o código .. óó…[/string]
*—————-*
Beleza! Valeu ;D
nao uso wordpress nem blogspot, meu site não tem o codigo: ]]>
onde coloco aquelas formatações?!?
Abraçoss
]]>
E tb quero saber como fazer pra quando clicar fora do flutuante não fechar a janela… só fechar pelo botãozinho X !!
me ajudemmm!! abraçosss
@Anderson, Olá, desculpe, não trabalhamos com outras plataformas além do wp e do blogger, esse tutorial, por exemplo, é para blogger, desculpe.
oi Iago, esse caixa flutuante aparece apenas uma vez no site?
ou ela aparece de dias em dias?
Iago, tem como fazer o modelo de PopUp do Facebook igual à destes sites?:
http://linkagames.net
http://gamesviciantes.com
Aguardo respostas!
O do LinkaGames é um Pluguin do WP, Facebook Traffic Pop. Abraços :d
Aparece o seguinte erro:
Could not retrieve id for the specified page. Please verify correct href was passed in.
O meu também!
parece que não pega no polished iago.
nao dá certo aparece
Could not retrieve id for the specified page. Please verify correct href was passed in.
@Maurício Leal,
Deve estar com conflito de jQuery..
Confere se tem 1 ou mais códigos jQuery em seu HTML..
Flw!
Esta postagem foi removida pelo autor.
Boa tarde,
Ficou excelente no meu blog http://www.eusouandroid.com
não consegui adicionar no meu blog , não sei o que fazer , testei de todas maneiras e nada de funcionar
olá, não consigo por no meu blog porque não acho onde por, uso o blogger e quando procuro no ctrl+f simplesmente não encontro. Poderia me ajudar?
Parabéns!
Essa eu uso no meu blog, muito leve e atualiza os curtir sem problema algum…
Muito show mesmo!
eu acho muito show essas janelas modal =D
Iago, refaz esse tutorial por favor?
É que depois da migração para o wordpress os códigos ficaram tudo bagunçados, e eu pretendo usar no meu blog agora
No meu blog não possui nenhum dos códigos que você pediu para localizar com o CRTL F o que posso fazer?
eu não acho os codigos.
No meu deu zebra =/
Coloquei a caixa bonitinha, mas ela impede o submenu de aparecer ou seja fiquei sem submenus =(
Dá erro no id do facebook se usar no tema do bcf antigo
Eu no meu site tou a usar o sistema de comentarios do facebook mas quando adiciono este codigo desta janela desaparece o sistema de comentarios. Da para fazer isso tudo funcionar?
Funcionou perfeitamente gostaria de saber o tutorial daquele outro na demostração http://demobcf.blogspot.com/ q tem do lado esquerdo twitter facebook e google+ obr!!!
não funcionou, eu queria saber sobre o outro tutorial, do de outra demonstração http://demobcf.blogspot.com/ q tem do lado esquerdo twitter facebook e google+ obr!!!
n consigo de geito nenhum colocar
e quando eu coloco as caixa do facebook para de pegar
se poder ajudar
O problema é o fato desta box entrar em conflito dentro do blogs que possuem muitas bibliotecas jquery. Dê uma olhada se está com conflito.
como eu fasso pra retirar o conflito?
Não Estou Encontrando o só Tem e <body …
E Agora Cara Ajuda Ai
O Meu comentário Ai De Cima Não Foi vale porque eu Coloquei Os Códigos e não Apareceu..
O problrma é o Seguinte no meu blog nõ Aparece a palavra só Aparece e <body e Agora… Ajudadii
Não Ta Dando Pra Eplicar pra Ti não Porque eu Coloco o nome do Código para Comentar mas Na Hor Em que Eu Publico . Não Aparece no Teu Site
realmente muito bom. o único problema é que não funciona com o google chrome, testei no chrome e no internet explorer só no explorer funfou.
poderia fazer um que funciona em todos os navegadores.
se sim, eu imploro que me enviem por e-mai.
Funciona no Chrome sim, o problema é que se você já viu, grava o cookie e não aparece mais.
vc está certo.
limpei o histórico e os cookies funcionou.
obrigado.
Por que não quer funcionar no template do meu blog? VC poderia me ajudar a descobrir o motivo? Além de não funcionar, interferiu na função dos botões de compartilhamento que antes mostrava além do botão do twitter, do google+ e do face-book, mas agora , veja vc mesmo como ficou… Agradeço pela atenção… e fico no aguardo…
Olá Lincoln, desculpe pela demora, mas não estou vendo nenhuma popup em seu blog. Creio que você tenha removido, como fazemos?
Olá Iago, a tempos eu procuro por isso. Adorei seu blog, cara ao colocar no meu blog não funcionou muito bem, ele carrega a caixa tudo certo, mas em vez de aparecer os botões para curtir e tal, ta aparecendo a seguinte mensagem em inglês: Could not retrieve id for the specified page. “Please verify correct href was passed in.” que quando eu traduzo dar isso aqui “Não foi possível recuperar id para a página especificada. Por favor, verifique href correta foi passada dentro”. O que pode estar ocorrendo cara? Tem como me ajudar?
Cara muito obrigado, eu consegui resolver vendo mais tutoriais, acho que tem gente te copiando.
Pois é Gilvanei, tem gente copiando mesmo, infelizmente não podemos fazer nada, não sou dos que se preocupa com esse tipo de coisa, eles acabam perdendo com isso, sem originalidade não existe blog. Obrigado pelo comentário. Confesso que já estava ciente de gente que me copiava.
Gilvanei Bispo, como você fez para resolver? No meu também aparece essa mensagem e não consigo encontrar uma solução.
Pois é Iago… Apaguei os códigos do template, pois imaginei que estava havendo conflito entre “eles”. Depois disso, segui o passo-a-passo que vc ensinou, mas infelizmente não funcionou, como vc mesmo percebeu ao visitar o meu blog. Não consegui entender o porquê?! Noutro template que eu usava funcionou perfeitamente! Se vc descobrir algo, não deixe de compartilhar…
Um abraço e sucesso…
Iago,eu fiz tudo certo conforme as instruções,mas quando eu fui trocar a ID DA PAGE DO FACEBOOK,estava dando uma falha falando que eu não criei a página,mas eu criei uma.
Me ajude por favor!
ótimo, era o que eu estava procurando. funcionou perfeitamente!!
obrigado, grande abraço
Boas lago,
Fantastico!
Tas a pensar em fazer a V2?
Cumprimentos.
Rsrs, é uma boa ideia Paulo, vou valorizar isso. Para ser sincero, estou sim.
Não sei se ja viste o mail que te mandei pode ser uma boa ideia para a V2.
Hahahah! Ops! Nem vi que era você que tinha enviado… Mas então, essa seria a verão 2. Hahaha! Vou fazer sim. Logo logo.
Excelente lago.
Fico a aguardar entao.
Obrigado.
Não to Enchergando o Post Enteiro.. Onde Está a continuação do Post
O que houve? Está funcionando ok aqui.
ATá.. Ja Consegui.. é qui eu Tava Passeando pelo Site,. Ai Clique no titulo deste Post, Só Apareceu uma Parte do poste, Ai Eu Voutei e Cliquei em Continuar Lendo e Apareceu o Poste Enteiro .tudo Certo Desculpa a Pertubação,.,., Valew Aqui no Blog Ficou Show,, Mas Pena que Só Aparece uma Vez,
MUITO BÃO, AGRADEÇO A VOCÊS, me saiu melhor que fancybox ;D