Solo usuarios registrados pueden comentar y agradecer, Logueate o Registrate

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

0 Miembros and 1 Guest are viewing this topic.

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

  • MAESTRO

  • US. DE HONOR

  • LEYENDA

  • Administrador
  • 0 puntos por ventas
  • *
  • Rank: Puto amo
  • Posts: 7.270
  • Gracias recibida: 125172
  • pe
- 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 ^^




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

Gracias:


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

  • 0 puntos por ventas
  • *
  • Rank: Usuario activo
  • Posts: 70
  • Gracias recibida: 6160
  • ve
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

El Que Frao

Gracias:


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

  • 0 puntos por ventas
  • *
  • Rank: Principiante
  • Posts: 7
  • Gracias recibida: 0
  • pe
zabino no da, probe y no da


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

  • 0 puntos por ventas
  • *
  • Rank: Usuario activo
  • Posts: 60
  • Gracias recibida: 11
  • ar
Esta disponible ese PopUp que has publicado @ZabiinoOo ??? por que no funciona...

✯Administracion Mu Online✯

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

  • MAESTRO

  • US. DE HONOR

  • LEYENDA

  • Administrador
  • 0 puntos por ventas
  • *
  • Rank: Puto amo
  • Posts: 7.270
  • Gracias recibida: 125172
  • pe
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




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

Gracias:


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

  • 0 puntos por ventas
  • *
  • Rank: Usuario activo
  • Posts: 60
  • Gracias recibida: 11
  • ar
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

✯Administracion Mu Online✯

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

  • 0 puntos por ventas
  • *
  • Rank: Sup. destacado
  • Posts: 109
  • Gracias recibida: 413
  • ar
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?

Gracias:


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

  • 0 puntos por ventas
  • *
  • Rank: Sup. destacado
  • Posts: 109
  • Gracias recibida: 413
  • ar
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...


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

  • 0 puntos por ventas
  • *
  • Rank: Usuario activo
  • Posts: 60
  • Gracias recibida: 11
  • ar
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

✯Administracion Mu Online✯

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

  • 0 puntos por ventas
  • *
  • Rank: Sup. destacado
  • Posts: 109
  • Gracias recibida: 413
  • ar
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

Gracias:


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

  • 0 puntos por ventas
  • *
  • Rank: Usuario activo
  • Posts: 60
  • Gracias recibida: 11
  • ar
@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??

✯Administracion Mu Online✯

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

  • 0 puntos por ventas
  • *
  • Rank: Sup. destacado
  • Posts: 109
  • Gracias recibida: 413
  • ar
@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


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

  • 0 puntos por ventas
  • *
  • Rank: Dedicado
  • Posts: 49
  • Gracias recibida: 0
  • ar
Donde encuentro <head> ? no lo puedo encontrar por ningun lado.. :(


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

  • MAESTRO

  • US. DE HONOR

  • Super moderador
  • 0 puntos por ventas
  • *
  • Rank: Puto amo
  • Posts: 883
  • Gracias recibida: 24978
  • ve
Donde encuentro <head> ? no lo puedo encontrar por ningun lado.. :(
En el indexa.php del template.

Gracias:


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

  • 0 puntos por ventas
  • *
  • Rank: Dedicado
  • Posts: 49
  • Gracias recibida: 0
  • ar
Gracias fenomeno! Despues voy a probar..


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

  • 0 puntos por ventas
  • *
  • Rank: Dedicado
  • Posts: 48
  • Gracias recibida: 22
  • ar
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??


Solo usuarios registrados pueden comentar y agradecer, Logueate o Registrate


 

Related Topics

  Subject / Started by Replies Last post
7 Replies
2036 Views
Last post November 12, 2020, 11:46:45 AM
by bafta100
1 Replies
3952 Views
Last post October 14, 2016, 06:19:45 AM
by nik2013
18 Replies
10519 Views
Last post April 15, 2018, 05:56:07 PM
by -Ezuri-
2 Replies
2030 Views
Last post June 27, 2021, 06:25:58 PM
by ZabiinoOo
2 Replies
727 Views
Last post December 02, 2019, 09:46:18 AM
by ghostx