POPUP O VENTANA EMERGENTE DE CAJA DE MEGUSTA DE FACEBOOK
si quieres que a tus visitantes se le haga un poco mas fácil seguirte en facebook y que te den un me gusta, te recomiendo este truco sirve para que cuando las personas entren en tu blog se les abra una
ventana emergente, con la opción de dar me gusta a la pagina, en este caso esta configurado para que solo se abra una ves por dirección ip, para que reconozca cuando una persona ya a entrado desde su computadora y no se le vuelva a mostrar mas, esto sirve para no aburrir y no ser molesto.
como colocar popup de caja de me gusta de facebook
sencillo solo debes de ir a diceño, luego añadir gadgets, escojas el que dice htlm, luego copias el código que te dejare por debajo y lo pegas le das guardar y listo, el código esta diseñado para que aparezca 20 segundos después de que la persona entre a tu pagina, para que la persona tenga tiempo de saber si si quiere dar el me gusta si si se lo merece, recomiendo que lo dejes así.
si quieres que a tus visitantes se le haga un poco mas fácil seguirte en facebook y que te den un me gusta, te recomiendo este truco sirve para que cuando las personas entren en tu blog se les abra unaventana emergente, con la opción de dar me gusta a la pagina, en este caso esta configurado para que solo se abra una ves por dirección ip, para que reconozca cuando una persona ya a entrado desde su computadora y no se le vuelva a mostrar mas, esto sirve para no aburrir y no ser molesto.
como colocar popup de caja de me gusta de facebook
sencillo solo debes de ir a diceño, luego añadir gadgets, escojas el que dice htlm, luego copias el código que te dejare por debajo y lo pegas le das guardar y listo, el código esta diseñado para que aparezca 20 segundos después de que la persona entre a tu pagina, para que la persona tenga tiempo de saber si si quiere dar el me gusta si si se lo merece, recomiendo que lo dejes así.
ESTE ES EL CODIGO QUE DEBES COPIAR Y PEGAR<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/AAA AAAAAAdQ/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() : '', // use expire s attribute, max-age is not supported by IE options.path ? '; path=' + options.path : '', options.domain ? '; domain=' + options.domain : '', options.secure ? '; secure' : '' ].join('')); } // key and possibly options given, get cookie... 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(20000).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.fa cebook.com/plugins/likebox.php? href=https://www.facebook.com/pages/Cosas-de-facebok/232591216952047?fref=ts&w idth=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=fal se&header=false' style='border: none; overflow: hidden; margin-top: -19px; width: 402px; height: 2 30px;'></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 Rober ts Consulting</a> - <a style="color:#a8a8a8;font-size:8px;" href="http://www.theblo gwidgets.com">Widget</a></span></center> </div> </div> |
| .espero te sirva |
espero te guste y te sirva.
No hay comentarios:
Publicar un comentario