Autor Topic: Guia Agregar pop-up Fcebook en tu web (Visto 5750 veces)

**Posteado:** November 08, 2016, 11:09:56 PM

- Aqui les dejo una pequeña guia sobre agregar este pop-up a tu web:

- Lo que debes hacer es copiar lo siguiente:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
<style>
#fanback {
display:none;
background:rgba(0,0,0,0.8);
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
z-index:99999;
}
#fan-exit {
width:100%;
height:100%;
}
#JasperRoberts {
background:white;
width:420px;
height:270px;
position:absolute;
top:58%;
left:63%;
margin:-220px 0 0 -375px;
-webkit-box-shadow: inset 0 0 50px 0 #939393;
-moz-box-shadow: inset 0 0 50px 0 #939393;
box-shadow: inset 0 0 50px 0 #939393;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: -220px 0 0 -375px;
}
#TheBlogWidgets {
float:right;
cursor:pointer;
background:url(http://3.bp.blogspot.com/-NRmqfyLwBHY/T4nwHOrPSzI/AAAAAAAAAdQ/8b9O7O1q3c8/s1600/TheBlogWidgets.png) repeat;
height:15px;
padding:20px;
position:relative;
padding-right:40px;
margin-top:-20px;
margin-right:-22px;
}
.remove-borda {
height:1px;
width:366px;
margin:0 auto;
background:#F3F3F3;
margin-top:16px;
position:relative;
margin-left:20px;
}
#linkit,#linkit a.visited,#linkit a,#linkit a:hover {
color:#80808B;
font-size:10px;
margin: 0 auto 5px auto;
float:center;
}
</style>
<script type='text/javascript'>
//<![CDATA[
jQuery.cookie = function (key, value, options) {
// key and at least value given, set cookie...
if (arguments.length > 1 && String(value) !== "[object Object]") {
options = jQuery.extend({}, options);
if (value === null || value === undefined) {
options.expires = -1;
}
if (typeof options.expires === 'number') {
var days = options.expires, t = options.expires = new Date();
t.setDate(t.getDate()   days);
}
value = String(value);
return (document.cookie = [
encodeURIComponent(key), '=',
options.raw ? value : encodeURIComponent(value),
options.expires ? '; expires='   options.expires.toUTCString() : '', 
options.path ? '; path='   options.path : '',
options.domain ? '; domain='   options.domain : '',
options.secure ? '; secure' : ''
].join(''));
}
options = value || {};
var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;
return (result = new RegExp('(?:^|; )'   encodeURIComponent(key)   '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;
};
//]]>
</script>
<script type='text/javascript'>
jQuery(document).ready(function($){
if($.cookie('popup_user_login') != 'yes'){
$('#fanback').delay(3000).fadeIn('medium');
$('#TheBlogWidgets, #fan-exit').click(function(){
$('#fanback').stop().fadeOut('medium');
});
}
<!--$.cookie('popup_user_login', 'yes', { path: '/', expires: 7 }); -->
});
</script>
<div id='fanback'>
<div id='fan-exit'>
</div>
<div id='JasperRoberts'>
<div id='TheBlogWidgets'>
</div>
<div class='remove-borda'>
</div>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?
href=http://www.facebook.com/TSM&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'
style='border: none; overflow: hidden; margin-top: -19px; width: 402px; height: 230px;'></iframe><center>
<span style="color:#a8a8a8;font-size:8px;" id="linkit">Powered by <a rel="nofollow" style="color:#a8a8a8;font-size:8px;" href="http://jasperroberts.com">Jasper Roberts Consulting</a> - <a style="color:#a8a8a8;font-size:8px;" href="http://www.theblogwidgets.com">Widget</a></span></center>
</div>
</div>

Dar click en seleccionar y luego copian.

- Luego se van al index de su theme y van a buscar <head> y abajo pegan ese codigo completo.

- Luego buscan en el script: facebook.com/TSM y reemplazan por su fanpage y listoo

CREDITOS

Nadie porque se lo robe de la web del salame de malon jaja ^^

Probado de distintas formas y no me funciono

pero consegui este scrip que funcioa a la perfeccion

Code: [Select]

<div class="slide_likebox"> <div style="color: rgb(255, 255, 255); padding: 8px 5px 0pt 50px;"><span><div class='likeboxwrap'><iframe src="https://www.facebook.com/plugins/page.php?href=https://www.facebook.com/aqui tu pagina de facebook" width="450" height="720" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true"></iframe></div></span></div></div>    <style type="text/css"> .slide_likebox { float:right; width:288px; height:345px; background: url(https://lh6.googleusercontent.com/-VW_GzzYnZJ0/TkiZQFcBc2I/AAAAAAAABmg/fa9_qWV8Cu4/fb_bg.png) no-repeat !important; display:block; right:-250px; padding:0; position:fixed; top: 130px; z-index:1002; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; } div.likeboxwrap { margin-top:2px; margin-left:-5px; width:238px; height:325px; background-color:#fff; overflow:hidden; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; } div.likeboxwrap iframe {margin:-1px} </style>     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>  <script type="text/javascript">
jQuery.noConflict();
jQuery(function (){
jQuery(".slide_likebox").hover(function(){
jQuery(".slide_likebox").stop(true, false).animate({right:"0"},"medium");

},function(){
jQuery(".slide_likebox").stop(true, false).animate({right:"-250"},"medium");
},500);
return false;
});
</script>

IMAGEN

**#2 Posteado:** November 01, 2017, 07:31:10 PM

zabino no da, probe y no da

**#3 Posteado:** March 09, 2019, 11:05:13 PM

Esta disponible ese PopUp que has publicado @ZabiinoOo ??? por que no funciona...

**#4 Posteado:** March 10, 2019, 12:02:12 AM

Citar desde: LuisDM on March 09, 2019, 11:05:13 PM
Esta disponible ese PopUp que has publicado @ZabiinoOo ??? por que no funciona...

en los comentarios dejaron otro script amigo, igual en la seccion han publicado otros como rasta que publico uno igual

**#5 Posteado:** March 10, 2019, 12:08:25 AM

Citar desde: ZabiinoOo on March 10, 2019, 12:02:12 AM
Citar desde: LuisDM on March 09, 2019, 11:05:13 PM
Esta disponible ese PopUp que has publicado @ZabiinoOo ??? por que no funciona...

en los comentarios dejaron otro script amigo, igual en la seccion han publicado otros como rasta que publico uno igual

Solo que yo queria este jajaja Gracias por la respuesta seguire buscando.. Saludos

**#6 Posteado:** March 24, 2019, 03:40:16 PM

Citar desde: ediiinson on November 13, 2016, 12:11:30 PM

Probado de distintas formas y no me funciono

pero consegui este scrip que funcioa a la perfeccion

Code: [Select]

<div class="slide_likebox"> <div style="color: rgb(255, 255, 255); padding: 8px 5px 0pt 50px;"><span><div class='likeboxwrap'><iframe src="https://www.facebook.com/plugins/page.php?href=https://www.facebook.com/aqui tu pagina de facebook" width="450" height="720" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true"></iframe></div></span></div></div>    <style type="text/css"> .slide_likebox { float:right; width:288px; height:345px; background: url(https://lh6.googleusercontent.com/-VW_GzzYnZJ0/TkiZQFcBc2I/AAAAAAAABmg/fa9_qWV8Cu4/fb_bg.png) no-repeat !important; display:block; right:-250px; padding:0; position:fixed; top: 130px; z-index:1002; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; } div.likeboxwrap { margin-top:2px; margin-left:-5px; width:238px; height:325px; background-color:#fff; overflow:hidden; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; } div.likeboxwrap iframe {margin:-1px} </style>     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>  <script type="text/javascript">
jQuery.noConflict();
jQuery(function (){
jQuery(".slide_likebox").hover(function(){
jQuery(".slide_likebox").stop(true, false).animate({right:"0"},"medium");

},function(){
jQuery(".slide_likebox").stop(true, false).animate({right:"-250"},"medium");
},500);
return false;
});
</script>

IMAGEN

bro ya lo puse todo pero en la web no se habre solo qda quieto ai ni se abre por que?

**#7 Posteado:** March 24, 2019, 05:36:47 PM

Citar desde: ZabiinoOo on March 10, 2019, 12:02:12 AM
Citar desde: LuisDM on March 09, 2019, 11:05:13 PM
Esta disponible ese PopUp que has publicado @ZabiinoOo ??? por que no funciona...

en los comentarios dejaron otro script amigo, igual en la seccion han publicado otros como rasta que publico uno igual

hola este scrip para la mu core 1 0 8 en el head esta en que parte. en el template index no la encuetro...

**#8 Posteado:** March 24, 2019, 05:59:07 PM

Citar desde: TinchoZH on March 24, 2019, 05:36:47 PM
Citar desde: ZabiinoOo on March 10, 2019, 12:02:12 AM
Citar desde: LuisDM on March 09, 2019, 11:05:13 PM
Esta disponible ese PopUp que has publicado @ZabiinoOo ??? por que no funciona...

en los comentarios dejaron otro script amigo, igual en la seccion han publicado otros como rasta que publico uno igual
hola este scrip para la mu core 1 0 8 en el head esta en que parte. en el template index no la encuetro...

Tincho no funciona este script... y si lees bien va debajo de <head>
Saludos

**#9 Posteado:** March 24, 2019, 06:01:02 PM

Citar desde: LuisDM on March 24, 2019, 05:59:07 PM
Citar desde: TinchoZH on March 24, 2019, 05:36:47 PM
Citar desde: ZabiinoOo on March 10, 2019, 12:02:12 AM
Citar desde: LuisDM on March 09, 2019, 11:05:13 PM
Esta disponible ese PopUp que has publicado @ZabiinoOo ??? por que no funciona...

en los comentarios dejaron otro script amigo, igual en la seccion han publicado otros como rasta que publico uno igual
hola este scrip para la mu core 1 0 8 en el head esta en que parte. en el template index no la encuetro...
si si funviona lo tengo en mi web el de abajo.... ya lo hice, todo bien, pero qeuria saber si para mu core 1.0.8 el head de esa mu core no lo encuentro.

Tincho no funciona este script... y si lees bien va debajo de <head>
Saludos

**#10 Posteado:** March 24, 2019, 06:38:24 PM

@TinchoZH teoricamente tendria que aparecer, hace una cosa apreta control+B y pone la palabra a buscar... te sera mas facil.

Que script estas usando?? el de Zabiinoo? osea el que esta en este foro que te muestra lo publicado en la fanpage o estas usando el otro que solo sale para darle like??

**#11 Posteado:** March 24, 2019, 07:02:25 PM

Citar desde: LuisDM on March 24, 2019, 06:38:24 PM
@TinchoZH teoricamente tendria que aparecer, hace una cosa apreta control+B y pone la palabra a buscar... te sera mas facil.

Que script estas usando?? el de Zabiinoo? osea el que esta en este foro que te muestra lo publicado en la fanpage o estas usando el otro que solo sale para darle like??

el que esta para darle like, pero intentare con el de zabino... pero no encuentro el plugin y estoy buscando similares

**#12 Posteado:** April 29, 2019, 05:37:04 PM

Donde encuentro <head> ? no lo puedo encontrar por ningun lado.. :(

**#13 Posteado:** April 29, 2019, 10:03:11 PM

Citar desde: xmartin on April 29, 2019, 05:37:04 PM
Donde encuentro <head> ? no lo puedo encontrar por ningun lado.. :(

En el indexa.php del template.

**#14 Posteado:** May 02, 2019, 04:50:46 PM

Gracias fenomeno! Despues voy a probar..

**#15 Posteado:** June 25, 2020, 01:19:31 AM

Citar desde: ediiinson on November 13, 2016, 12:11:30 PM

Probado de distintas formas y no me funciono

pero consegui este scrip que funcioa a la perfeccion

Code: [Select]

<div class="slide_likebox"> <div style="color: rgb(255, 255, 255); padding: 8px 5px 0pt 50px;"><span><div class='likeboxwrap'><iframe src="https://www.facebook.com/plugins/page.php?href=https://www.facebook.com/aqui tu pagina de facebook" width="450" height="720" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true"></iframe></div></span></div></div>    <style type="text/css"> .slide_likebox { float:right; width:288px; height:345px; background: url(https://lh6.googleusercontent.com/-VW_GzzYnZJ0/TkiZQFcBc2I/AAAAAAAABmg/fa9_qWV8Cu4/fb_bg.png) no-repeat !important; display:block; right:-250px; padding:0; position:fixed; top: 130px; z-index:1002; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; } div.likeboxwrap { margin-top:2px; margin-left:-5px; width:238px; height:325px; background-color:#fff; overflow:hidden; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; } div.likeboxwrap iframe {margin:-1px} </style>     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>  <script type="text/javascript">
jQuery.noConflict();
jQuery(function (){
jQuery(".slide_likebox").hover(function(){
jQuery(".slide_likebox").stop(true, false).animate({right:"0"},"medium");

},function(){
jQuery(".slide_likebox").stop(true, false).animate({right:"-250"},"medium");
},500);
return false;
});
</script>

IMAGEN

Sabes que lo pongo y todo, pero me queda al costado y no se desplaza para mostrar mi pagina de Facebook, solo me aparece el Facebook de costado y no funciona, alguna solución para eso??

Subject / Started by	Replies	Last post
Guía Agregar PopUp Faceook en tu web Started by KrizR General	7 Replies 3249 Views	November 12, 2020, 11:46:45 AM by bafta100
Muemu s8 Guia para agregar item custom Started by jigokush Temas solucionados	1 Replies 7824 Views	October 14, 2016, 06:19:45 AM by nik2013
Guia agregar GM, ADM, Moderador Started by melo920 MuEMU	19 Replies 13729 Views	November 07, 2024, 11:04:08 AM by MG1978
[GUIA]Como Activar y Agregar archivos.exe al DEEP de Windows Started by -Rastaa.TSM☢ General	2 Replies 3786 Views	June 27, 2021, 06:25:58 PM by ZabiinoOo
Guía como agregar la dllefect Started by ghostx Soporte / Ayudas	2 Replies 1270 Views	December 02, 2019, 09:46:18 AM by ghostx

Autor Topic: Guia Agregar pop-up Fcebook en tu web (Visto 5750 veces)

ZabiinoOo Posteado: November 08, 2016, 11:09:56 PM

Gracias:

ediiinson #1 Posteado: November 13, 2016, 12:11:30 PM | Modificado: November 13, 2016, 04:30:35 PM by ZabiinoOo

Gracias:

Luffy #2 Posteado: November 01, 2017, 07:31:10 PM

LuisDM #3 Posteado: March 09, 2019, 11:05:13 PM

ZabiinoOo #4 Posteado: March 10, 2019, 12:02:12 AM

Gracias:

LuisDM #5 Posteado: March 10, 2019, 12:08:25 AM

TinchoZH #6 Posteado: March 24, 2019, 03:40:16 PM

Gracias:

TinchoZH #7 Posteado: March 24, 2019, 05:36:47 PM

LuisDM #8 Posteado: March 24, 2019, 05:59:07 PM

TinchoZH #9 Posteado: March 24, 2019, 06:01:02 PM

Gracias:

LuisDM #10 Posteado: March 24, 2019, 06:38:24 PM

TinchoZH #11 Posteado: March 24, 2019, 07:02:25 PM

xmartin #12 Posteado: April 29, 2019, 05:37:04 PM

-Rastaa.TSM☢ #13 Posteado: April 29, 2019, 10:03:11 PM

Gracias:

xmartin #14 Posteado: May 02, 2019, 04:50:46 PM

saikano2020 #15 Posteado: June 25, 2020, 01:19:31 AM

Related Topics