14 julho, 2012
Pop Up de fãs do Facebook
Criar uma janela de divulgação (pop up) da sua pagina do facebook no seu blog é fácil de fazer você só precisa colocar um código HTML no seu blog e pronto. Já aparecerá a sua caixa de fãs do facebook como um pop up sobre a pagina do seu blog com aquele estilo lightbox usado nas imagens.
O código para colocar a caixa de fãs flutuando sobre o blog é um pouco longo, mas são poucas alterações que você precisa fazer. 
Entre na pagina layout, adicionar gadget, HTML/javascript e cole o código abaixo:
<style>/*ColorBox Core Style:The following CSS is consistent between example themes and should not be altered.*/#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;}/*User Style:Change the following styles to modify the appearance of ColorBox. They areordered & tabbed in a way that represents the nesting of the generated HTML.*/#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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWFxdF_7faN8eMxHzhdOsCPeOjlt5TLAxW0KfmnVV2Ddy-pdH72_Lq20VT2aLY1A_0Q_jXvvNn6vzNmB5h9gGQrZhDg5BsAraachFvNfakpvXRfIRJ2OSm0RfHK1QqYtTCYQ8h_P76_L3S/s1600/controls.png) no-repeat 0 0;}#cboxTopCenter{height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8iVLNcmqDrN4tqXsgHhZEZJmn8uVRfofUPkzhAZo0x-9BWrYfbN5l0RuTchAseyynvdPpkPSr0YKfRH6eqsGJjKu-B4UQGB8i48ZA5_BrVov6zqoZg-o3_hsOrTgN3l5KDZx3UQsweRrO/s1600/border.png) repeat-x top left;}#cboxTopRight{width:14px; height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWFxdF_7faN8eMxHzhdOsCPeOjlt5TLAxW0KfmnVV2Ddy-pdH72_Lq20VT2aLY1A_0Q_jXvvNn6vzNmB5h9gGQrZhDg5BsAraachFvNfakpvXRfIRJ2OSm0RfHK1QqYtTCYQ8h_P76_L3S/s1600/controls.png) no-repeat -36px 0;}#cboxBottomLeft{width:14px; height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWFxdF_7faN8eMxHzhdOsCPeOjlt5TLAxW0KfmnVV2Ddy-pdH72_Lq20VT2aLY1A_0Q_jXvvNn6vzNmB5h9gGQrZhDg5BsAraachFvNfakpvXRfIRJ2OSm0RfHK1QqYtTCYQ8h_P76_L3S/s1600/controls.png) no-repeat 0 -32px;}#cboxBottomCenter{height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8iVLNcmqDrN4tqXsgHhZEZJmn8uVRfofUPkzhAZo0x-9BWrYfbN5l0RuTchAseyynvdPpkPSr0YKfRH6eqsGJjKu-B4UQGB8i48ZA5_BrVov6zqoZg-o3_hsOrTgN3l5KDZx3UQsweRrO/s1600/border.png) repeat-x bottom left;}#cboxBottomRight{width:14px; height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWFxdF_7faN8eMxHzhdOsCPeOjlt5TLAxW0KfmnVV2Ddy-pdH72_Lq20VT2aLY1A_0Q_jXvvNn6vzNmB5h9gGQrZhDg5BsAraachFvNfakpvXRfIRJ2OSm0RfHK1QqYtTCYQ8h_P76_L3S/s1600/controls.png) no-repeat -36px -32px;}#cboxMiddleLeft{width:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWFxdF_7faN8eMxHzhdOsCPeOjlt5TLAxW0KfmnVV2Ddy-pdH72_Lq20VT2aLY1A_0Q_jXvvNn6vzNmB5h9gGQrZhDg5BsAraachFvNfakpvXRfIRJ2OSm0RfHK1QqYtTCYQ8h_P76_L3S/s1600/controls.png) repeat-y -175px 0;}#cboxMiddleRight{width:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWFxdF_7faN8eMxHzhdOsCPeOjlt5TLAxW0KfmnVV2Ddy-pdH72_Lq20VT2aLY1A_0Q_jXvvNn6vzNmB5h9gGQrZhDg5BsAraachFvNfakpvXRfIRJ2OSm0RfHK1QqYtTCYQ8h_P76_L3S/s1600/controls.png) repeat-y -211px 0;}#cboxContent{background:#fff; overflow:visible;}#cboxLoadedContent{margin-bottom:5px;}#cboxLoadingOverlay{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiV3IayOyzJb7dw0gKjebd-ZwGnQgBvIbPyWAS0_dRXyNpjSvk3aONUOqATeeRNSbRe3s82eTVhSSrHK9Cj9va9eYzoL7Vz8o3YT_5rajLhwjSteqkEeB5Dkx10CIsuCY6ZeS3H80LWrPRd/s1600/loading-background.png) no-repeat center center;}#cboxLoadingGraphic{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEga_gwbgmzeSYBK-g03kL6DINfb_OIdzSAn_ejlf_7-52rcWQI_82nzoG12EANY4iV5K_HNoskvGKm6ahwkJyQh_uX4VFfoX0etZbQpgvhg2At4s1OZEX0BrLkqugxdTLV9SK2ucXyWEgYc/s1600/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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWFxdF_7faN8eMxHzhdOsCPeOjlt5TLAxW0KfmnVV2Ddy-pdH72_Lq20VT2aLY1A_0Q_jXvvNn6vzNmB5h9gGQrZhDg5BsAraachFvNfakpvXRfIRJ2OSm0RfHK1QqYtTCYQ8h_P76_L3S/s1600/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;}/*-----------------------------------------------------------------------------------*//* Facebook Likebox popup For Blogger/*-----------------------------------------------------------------------------------*/#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://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js'></script><script src="http://yourjavascript.com/11215013191/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:"400px", 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;'><h3 class="box-title">Receive all updates via Facebook. Just Click the Like Button Below<center><p style="line-height:3px;" >▼</p></center></h3><center><iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Ficedownsbrasil&width=300&colorscheme=light&show_faces=true&border_color=%23ffffff&stream=false&header=false&height=258" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:258px;" allowtransparency="true"></iframe></center><p style=" float:right; margin-right:35px; font-size:9px;" >Powered By | <a style=" font-size:9px; color:#3B78CD; text-decoration:none;" href="http://www.spiceupyourblog.com">Blog Gadgets</a> Via <a style=" font-size:9px; color:#3B78CD; text-decoration:none;" href="http://www.mybloggertricks.com">Blogger Widgets</a></p></div></div>
Você só precisa alterar o texto: Receive all updates via Facebook. Just Click the Like Button Below.
E também alterar o endereço da sua pagina de fãs do facebook neste trecho, mas você só vai modificar a parte icedownsbrasil o restante das letras é parte do código:
facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Ficedownsbrasil&width=300
Sugerimos que faça um teste primeiro com o código do jeito que está e depois modifique o endereço da sua pagina de fãs nele, mas esse código mostra a caixa apenas uma vez por visita, ou seja, talvez para visualizar a segunda vez seja necessário excluir o histórico de internet para limpar o cache.
E também alterar o endereço da sua pagina de fãs do facebook neste trecho, mas você só vai modificar a parte icedownsbrasil o restante das letras é parte do código:
facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Ficedownsbrasil&width=300
Sugerimos que faça um teste primeiro com o código do jeito que está e depois modifique o endereço da sua pagina de fãs nele, mas esse código mostra a caixa apenas uma vez por visita, ou seja, talvez para visualizar a segunda vez seja necessário excluir o histórico de internet para limpar o cache.
Assinar:
Postar comentários (Atom)
Parceiros
0 comentários:
Postar um comentário
Regras de Privacidade
Leia Antes de Postar: Os Comentarios são lidos e moderados previamente
Serão postados os comentarios que seguirem as regras.
1.Sem chingamentos, ou ofensas para ambos tipos de pessoas sendo ela o moderador ou o visitante
2.Não damos suporte referente ao que você baixar e instalar no seu computador, não aderimos esta possibilidade apesar de que os programas são variados
3.Se for postar um comentario que seja de coração ,agradeçam-nos por nosso trabalho, pois, não ganhamos nada por isso apenas sua colaboração
4. Se ao acaso acharem programas desatualizados, ou que não estão disponiveis mais para download nos avise
5.Os Comentarios são aceitos para que uns ajudem aos outros na instalação de um software etc.
6.Muitas vezes não estabelecemos um manual de instalação em alguns softwares, por tanto, tentem procurar no Google ou em outros mecanismos de busca.
7.Se alguma pagina de Filmes, series estiverem om virus nos avise, pois, pode ser erros nas hospedagens dessas midias.
8.Se desejar um download que ainda não esta presente no site, nos avise que iremos providenciar
Muito Obrigado pela atenção