Solo usuarios registrados pueden comentar y agradecer, Logueate o Registrate
Paginas: [1]   Ir abajo

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

0 Miembros and 1 Guest are viewing this topic.

Online ZabiinoOo Posteado: November 08, 2016, 10:09:56 PM

  • MAESTRO
  • US. DE HONOR
  • LEYENDA
  • Administrador
  • 0 puntos por ventas
  • *
  • Rank: Puto amo
  • Posts: 6.259
  • Gracias recibida: 89914

  • pe
Guia Agregar pop-up Fcebook en tu web
- Aqui les dejo una pequeña guia sobre agregar este pop-up a tu web:



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

Logged
  • Like
    Dislike
    Love
    HaHa
    Angry
    Surprise
    Sad
    Party



Prohibido pedir soporte via MP
Leer las reglas de cada seccion
we trust god

Gracias:

Offline ediiinson #1 Posteado: November 13, 2016, 11:11:30 AM | Modificado: November 13, 2016, 03:30:35 PM by ZabiinoOo

Re:Guia Agregar pop-up Fcebook en tu web
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

Logged
  • Like
    Dislike
    Love
    HaHa
    Angry
    Surprise
    Sad
    Party
El Que Frao

Gracias:

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

Re: Guia Agregar pop-up Fcebook en tu web
zabino no da, probe y no da

Logged
  • Like
    Dislike
    Love
    HaHa
    Angry
    Surprise
    Sad
    Party

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

Re: Guia Agregar pop-up Fcebook en tu web
Esta disponible ese PopUp que has publicado @ZabiinoOo ??? por que no funciona...

Logged
  • Like
    Dislike
    Love
    HaHa
    Angry
    Surprise
    Sad
    Party
✯Administracion Mu Online✯

Online ZabiinoOo #4 Posteado: March 09, 2019, 11:02:12 PM

  • MAESTRO
  • US. DE HONOR
  • LEYENDA
  • Administrador
  • 0 puntos por ventas
  • *
  • Rank: Puto amo
  • Posts: 6.259
  • Gracias recibida: 89914

  • pe
Re: Guia Agregar pop-up Fcebook en tu web
Citar desde: LuisDM on March 09, 2019, 10: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

Logged
  • Like
    Dislike
    Love
    HaHa
    Angry
    Surprise
    Sad
    Party



Prohibido pedir soporte via MP
Leer las reglas de cada seccion
we trust god

Gracias:

Offline LuisDM #5 Posteado: March 09, 2019, 11:08:25 PM

Re: Guia Agregar pop-up Fcebook en tu web
Citar desde: ZabiinoOo on March 09, 2019, 11:02:12 PM
Citar desde: LuisDM on March 09, 2019, 10: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

Logged
  • Like
    Dislike
    Love
    HaHa
    Angry
    Surprise
    Sad
    Party
✯Administracion Mu Online✯

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

Re:Guia Agregar pop-up Fcebook en tu web
Citar desde: ediiinson on November 13, 2016, 11:11:30 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


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

Logged
  • Like
    Dislike
    Love
    HaHa
    Angry
    Surprise
    Sad
    Party

Gracias:

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

Re: Guia Agregar pop-up Fcebook en tu web
Citar desde: ZabiinoOo on March 09, 2019, 11:02:12 PM
Citar desde: LuisDM on March 09, 2019, 10: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...

Logged
  • Like
    Dislike
    Love
    HaHa
    Angry
    Surprise
    Sad
    Party

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

Re: Guia Agregar pop-up Fcebook en tu web
Citar desde: TinchoZH on March 24, 2019, 04:36:47 PM
Citar desde: ZabiinoOo on March 09, 2019, 11:02:12 PM
Citar desde: LuisDM on March 09, 2019, 10: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

Logged
  • Like
    Dislike
    Love
    HaHa
    Angry
    Surprise
    Sad
    Party
✯Administracion Mu Online✯

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

Re: Guia Agregar pop-up Fcebook en tu web
Citar desde: LuisDM on March 24, 2019, 04:59:07 PM
Citar desde: TinchoZH on March 24, 2019, 04:36:47 PM
Citar desde: ZabiinoOo on March 09, 2019, 11:02:12 PM
Citar desde: LuisDM on March 09, 2019, 10: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

Logged
  • Like
    Dislike
    Love
    HaHa
    Angry
    Surprise
    Sad
    Party

Gracias:

Offline LuisDM #10 Posteado: March 24, 2019, 05:38:24 PM

Re: Guia Agregar pop-up Fcebook en tu web
@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??

Logged
  • Like
    Dislike
    Love
    HaHa
    Angry
    Surprise
    Sad
    Party
✯Administracion Mu Online✯

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

Re: Guia Agregar pop-up Fcebook en tu web
Citar desde: LuisDM on March 24, 2019, 05: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

Logged
  • Like
    Dislike
    Love
    HaHa
    Angry
    Surprise
    Sad
    Party

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

Re: Guia Agregar pop-up Fcebook en tu web
Donde encuentro <head> ? no lo puedo encontrar por ningun lado.. :(

Logged
  • Like
    Dislike
    Love
    HaHa
    Angry
    Surprise
    Sad
    Party

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

  • MAESTRO
  • Administrator
  • 0 puntos por ventas
  • *
  • *
  • Rank: Puto amo
  • Posts: 2.912
  • Gracias recibida: 18115

  • pk
Re: Guia Agregar pop-up Fcebook en tu web
Citar desde: xmartin on April 29, 2019, 04:37:04 PM
Donde encuentro <head> ? no lo puedo encontrar por ningun lado.. :(
En el indexa.php del template.

Logged
  • Like
    Dislike
    Love
    HaHa
    Angry
    Surprise
    Sad
    Party

Gracias:

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

Re: Guia Agregar pop-up Fcebook en tu web
Gracias fenomeno! Despues voy a probar..

Logged
  • Like
    Dislike
    Love
    HaHa
    Angry
    Surprise
    Sad
    Party

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

Re:Guia Agregar pop-up Fcebook en tu web
Citar desde: ediiinson on November 13, 2016, 11:11:30 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


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

Logged
  • Like
    Dislike
    Love
    HaHa
    Angry
    Surprise
    Sad
    Party
Solo usuarios registrados pueden comentar y agradecer, Logueate o Registrate

Paginas: [1]   Ir arriba
 

Related Topics

  Subject / Started by Replies Last post
1 Replies
928 Views 		Last post October 22, 2017, 07:05:02 PM
by LyonMaster
1 Replies
2435 Views 		Last post October 14, 2016, 05:19:45 AM
by nik2013
18 Replies
7218 Views 		Last post April 15, 2018, 04:56:07 PM
by -Ezuri-
0 Replies
694 Views 		Last post November 24, 2017, 03:15:13 PM
by -Rastaa.TSM☢
2 Replies
224 Views 		Last post December 02, 2019, 08:46:18 AM
by ghostx