TUServerMU

MuOnline => Guias MUOnline => General => Tema comenzado por: ZabiinoOo on November 08, 2016, 11:09:56 PM

Titulo: Guia Agregar pop-up Fcebook en tu web
Posteado por: ZabiinoOo on November 08, 2016, 11:09:56 PM
- Aqui les dejo una pequeña guia sobre agregar este pop-up a tu web:

(http://image.prntscr.com/image/e3b7503ee0ac40b59d756e4b4cafcf26.png)

- Lo que debes hacer es copiar lo siguiente:

Code: [Select]
<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 ^^
Titulo: Re:Guia Agregar pop-up Fcebook en tu web
Posteado por: 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
(http://i.imgur.com/Y659Yvr.png)
Titulo: Re: Guia Agregar pop-up Fcebook en tu web
Posteado por: Luffy on November 01, 2017, 07:31:10 PM
zabino no da, probe y no da
Titulo: Re: Guia Agregar pop-up Fcebook en tu web
Posteado por: LuisDM on March 09, 2019, 11:05:13 PM
Esta disponible ese PopUp que has publicado @ZabiinoOo ??? por que no funciona...
Titulo: Re: Guia Agregar pop-up Fcebook en tu web
Posteado por: ZabiinoOo on March 10, 2019, 12:02:12 AM
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
Titulo: Re: Guia Agregar pop-up Fcebook en tu web
Posteado por: LuisDM on March 10, 2019, 12:08:25 AM
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
Titulo: Re:Guia Agregar pop-up Fcebook en tu web
Posteado por: TinchoZH on March 24, 2019, 03:40:16 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
(http://i.imgur.com/Y659Yvr.png)

bro ya lo puse todo pero en la web no se habre solo qda quieto ai ni se abre por que?
Titulo: Re: Guia Agregar pop-up Fcebook en tu web
Posteado por: TinchoZH on March 24, 2019, 05:36:47 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...
Titulo: Re: Guia Agregar pop-up Fcebook en tu web
Posteado por: LuisDM on March 24, 2019, 05:59:07 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
Titulo: Re: Guia Agregar pop-up Fcebook en tu web
Posteado por: TinchoZH on March 24, 2019, 06:01:02 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
Titulo: Re: Guia Agregar pop-up Fcebook en tu web
Posteado por: 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??
Titulo: Re: Guia Agregar pop-up Fcebook en tu web
Posteado por: TinchoZH on March 24, 2019, 07:02:25 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
Titulo: Re: Guia Agregar pop-up Fcebook en tu web
Posteado por: xmartin on April 29, 2019, 05:37:04 PM
Donde encuentro <head> ? no lo puedo encontrar por ningun lado.. :(
Titulo: Re: Guia Agregar pop-up Fcebook en tu web
Posteado por: -Rastaa.TSM☢ on April 29, 2019, 10:03:11 PM
Donde encuentro <head> ? no lo puedo encontrar por ningun lado.. :(
En el indexa.php del template.
Titulo: Re: Guia Agregar pop-up Fcebook en tu web
Posteado por: xmartin on May 02, 2019, 04:50:46 PM
Gracias fenomeno! Despues voy a probar..
Titulo: Re:Guia Agregar pop-up Fcebook en tu web
Posteado por: saikano2020 on June 25, 2020, 01:19:31 AM
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
(http://i.imgur.com/Y659Yvr.png)

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??