25/03/2016

| |

Coloque uma janela pop up da sua Fanpage no seu blog.

Essa janela pop up é super fácil de colocar no blog, só abre uma única vez para os leitores e ainda por cima você ganhará muitas curtidas!!!




Olá,meus amigos mais que queridos!!!

Chegando com uma postagem super importante!!

Quem já viu em muitos blogs aquelas janelas pop up do Facebook, se abrir quando você entra no blog? Já viu né? Muitos devem achar chato, pois aparecem várias vezes e realmente incomoda.Hoje vou ensinar uma janela pop up da Fanpage,para vocês ganharem muitas curtidas.



Créditos exclusivo do blog FERRAMENTAS BLOG

É super fácil de fazer e ajuda e muito na hora de receber curtidas dos seus leitores.
Vamos então colocar uma no seu blog.Vem!!!

Copiando o código:

Entre no seu painel, clique em Layout e depois em Adicionar um Gadget, em seguida clique em Html/Javascript. Cole dentro da caixinha o código abaixo:

<style>
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#cboxOverlay{background:#000;opacity:0.5 !important;}
#colorbox{
box-shadow:0 0 15px rgba(0,0,0,0.4);
-moz-box-shadow:0 0 15px rgba(0,0,0,0.4);
-webkit-box-shadow:0 0 15px rgba(0,0,0,0.4);
}
#cboxTopLeft{width:14px; height:14px; background:url(https://lh3.googleusercontent.com/-E2COAfbIz9I/T42VA9FunjI/AAAAAAAAD_M/NKJf8y74BKs/s225/controls.png) no-repeat 0 0;}
#cboxTopCenter{height:14px; background:url(https://lh4.googleusercontent.com/--SeTA6D94zU/T42VTrX4TxI/AAAAAAAAD_c/AKhTRygNB7k/s75/border.png) repeat-x top left;}
#cboxTopRight{width:14px; height:14px; background:url(https://lh3.googleusercontent.com/-E2COAfbIz9I/T42VA9FunjI/AAAAAAAAD_M/NKJf8y74BKs/s225/controls.png) no-repeat -36px 0;}
#cboxBottomLeft{width:14px; height:43px; background:url(https://lh3.googleusercontent.com/-E2COAfbIz9I/T42VA9FunjI/AAAAAAAAD_M/NKJf8y74BKs/s225/controls.png) no-repeat 0 -32px;}
#cboxBottomCenter{height:43px; background:url(https://lh4.googleusercontent.com/--SeTA6D94zU/T42VTrX4TxI/AAAAAAAAD_c/AKhTRygNB7k/s75/border.png) repeat-x bottom left;}
#cboxBottomRight{width:14px; height:43px; background:url(https://lh3.googleusercontent.com/-E2COAfbIz9I/T42VA9FunjI/AAAAAAAAD_M/NKJf8y74BKs/s225/controls.png) no-repeat -36px -32px;}
#cboxMiddleLeft{width:14px; background:url(https://lh3.googleusercontent.com/-E2COAfbIz9I/T42VA9FunjI/AAAAAAAAD_M/NKJf8y74BKs/s225/controls.png) repeat-y -175px 0;}
#cboxMiddleRight{width:14px; background:url(https://lh3.googleusercontent.com/-E2COAfbIz9I/T42VA9FunjI/AAAAAAAAD_M/NKJf8y74BKs/s225/controls.png) repeat-y -211px 0;}
#cboxContent{background:#fff; overflow:visible;}
#cboxLoadedContent{margin-bottom:5px;}
#cboxLoadingOverlay{background:url(https://lh6.googleusercontent.com/-E9dVofW8BBY/T42WBJ5M22I/AAAAAAAAD_w/w7AL0l9gVKk/s40/loading-background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(https://lh5.googleusercontent.com/-ibVOtcbbUyU/T42WNcii6_I/AAAAAAAAEAE/Mrplo9QsPks/s32/loading.gif) no-repeat center center;}
#cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
#cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(https://lh3.googleusercontent.com/-E2COAfbIz9I/T42VA9FunjI/AAAAAAAAD_M/NKJf8y74BKs/s225/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
#cboxPrevious{left:0px; background-position: -51px -25px;}
#cboxPrevious.hover{background-position:-51px 0px;}
#cboxNext{left:27px; background-position:-75px -25px;}
#cboxNext.hover{background-position:-75px 0px;}
#cboxClose{right:0; background-position:-100px -25px;}
#cboxClose.hover{background-position:-100px 0px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
.cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
.cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}
#subscribe {
font: 12px/1.2 Arial,Helvetica,san-serif; color:#666;
}
#subscribe a,
#subscribe a:hover,
#subscribe a:visited {
text-decoration:none;
}
.box-title {
color: #3B5998;
font-size: 20px !important;
font-weight: bold;
margin: 10px 0;
border:1px solid #ddd;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
box-shadow: 5px 5px 5px #CCCCCC;
padding:10px;
line-height:25px; font-family:arial !important;
}
.box-tagline {
color: #999;
margin: 0;
text-align: center;
}
#subs-container {
padding: 35px 0 30px 0;

position: relative;
}
a:link, a:visited {
border:none;
}
.demo {
display:none;
}
</style>
<script src='http://yourjavascript.com/1029251148/jquery.min.js'></script>
<script src="http://yourjavascript.com/1141272178/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*30;
var expires = new Date((new Date()).valueOf() + fifteenDays);
document.cookie = "visited=true;expires=" + expires.toUTCString();
$.colorbox({width:"350px", inline:true, href:"#subscribe"});
}
});
</script>
<!-- This contains the hidden content for inline calls -->
<div style='display:none'>
<div id='subscribe' style='padding:10px; background:#fff;'>
<center>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FnomePaginaBlog&amp;width=300&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23ffffff&amp;stream=false&amp;header=false&amp;height=258" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:258px;" allowtransparency="true"></iframe>
</center>
</div>
</div>


Pessoal, o código é grande e eu peço que vocês tenham o maior cuidado na hora de copiar o código todo,pois se faltar algo, ele não funcionará.
Na parte em vermelho : você colocará o nome da sua Fanpage, é o nome, não o link,ok.

nomePaginaBlog

Exemplo: https://www.facebook.com/AgendaDosBlogs/

 

Somente isso,pode salvar e ver o resultado no seu blog.

Veja no meu blog de testes:clique aqui
 
E ai amigos? Gostaram??

Compartilhem em suas Redes Sociais, coloque o mouse na imagem e compartilhe também no Pinterest e tem o link do Whatsapp após a imagem da descrição do autor.Dê uma forcinha para o blog Agenda dos Blogs!! Bjss!!!!

Sobre o Autor:
Magda moreira Meu nome é Magda Moreira, sou professora e atualmente estou fazendo o curso de Pedagogia.Sou blogueira de coração e uma curiosa da internet.Meu blog Agenda dos Blogs tem como objetivos:Divulgação de blogs gratuitamente e elaboração de projetos e tutoriais voltados aos blogueiros.

9 comentários:

  1. A janela pop up da fanpage é uma dica pra se ganhar mais curtidas, acho válido essa ferramenta, ótima a dica é sempre bom saber dessas ferramentas,bjs.

    ResponderExcluir
  2. Olá Magda gostei da dica a primeira vez que tentei colocar foi difícil mais consegui.bjs

    ResponderExcluir
  3. Ola amiga, eu sempre pesquisei e nunca achava como fazia pra colocar a janela de pop-up , vou tentar aqui espero conseguir.. Obrigada pela dica ...

    ResponderExcluir
  4. Oi amiga , vou tentar fazer ! Como sempre vc traz dicas ótimas pra nós blogueiros ,amei ,bjs e Boa Páscoa ! Bjs.

    ResponderExcluir
  5. Oi Magda!
    Apesar de chatinha ela pode nos ajudar a alavancar o número de curtidas mesmo, amei a postagem e quero com certeza colocar no meu blog, vamos ver quando dará certo. Bjokas da Vaci :*

    ResponderExcluir
  6. Tiro sempre o chapéu pra vc, tu arrasa sempre!!

    ResponderExcluir
  7. Boa Tarde Magda!mais uma dica legal,amo estas dicas,a janelinha abrindo só uma vez não incomoda muito. tentei colocar mas deu erro,snif snif,vou tentar depois quando conseguir te falo.uma semana de vitórias para você.bjs no♥ http://wwwmazeblogspotcom.blogspot.com.br/

    ResponderExcluir
  8. Essa ferramenta é boa pena que nunca consigo colocar!
    depois eu tento com o seu tutorial!
    bjuús

    ResponderExcluir
  9. Amiga vc esta arrasando nos tutoriais. Parabéns bjs

    ResponderExcluir

Deixe um comentário, que ficarei muito feliz!!!!!
Abraços á todos!!!!