Solo usuarios registrados pueden comentar y agradecer, Logueate o Registrate

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

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
  • Like
    Dislike
    Love
    HaHa
    Angry
    Surprise
    Sad
    Party
El Que Frao

Gracias:


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

zabino no da, probe y no da

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

Esta disponible ese PopUp que has publicado @ZabiinoOo ??? por que no funciona...
  • 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
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
  • 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

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
  • Like
    Dislike
    Love
    HaHa
    Angry
    Surprise
    Sad
    Party
✯Administracion Mu Online✯

Offline TinchoZH #6 Posteado: March 24, 2019, 02: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


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, 04: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...

Offline LuisDM #8 Posteado: March 24, 2019, 04: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
  • Like
    Dislike
    Love
    HaHa
    Angry
    Surprise
    Sad
    Party
✯Administracion Mu Online✯

Offline TinchoZH #9 Posteado: March 24, 2019, 05: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

Gracias:


Offline LuisDM #10 Posteado: 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??
  • Like
    Dislike
    Love
    HaHa
    Angry
    Surprise
    Sad
    Party
✯Administracion Mu Online✯

Offline TinchoZH #11 Posteado: March 24, 2019, 06: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

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

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

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
Donde encuentro <head> ? no lo puedo encontrar por ningun lado.. :(
En el indexa.php del template.

Gracias:


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

Gracias fenomeno! Despues voy a probar..

Offline saikano2020 #15 Posteado: June 25, 2020, 12: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


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