4/15/2013

Post Recomendado Deslizante para Blogger

26 comentarios
El siguiente gadget es visto en muchas de las grandes paginas web, ya que esto permite mantener al visitante mucho mas tiempo navegando en nuestro sitio.

Post Recomendado Deslizante


Después que el usuario a leído alguna entrada, es importante recomendarle otro articulo; asi logramos que pueda estar mucho tiempo en nuestra pagina web y le damos una experiencia mas personalizada al lector.

Te invito a ver una demostración aquí: Demo

Agregar al blog

Utiliza el siguiente botón para agregar este Gadget a tu blog


Si quiere hacerlo manualmente, ve a Diseño - Agregar gadget - HTML/Javascript y pegas alli el siguiente codigo

<div id="TBslidein" style="display:none;"> 
<div class="help">?</div>
<div class="expand">+</div> 
<div class="close">X</div> 
<p>Recomendado</p>
<div id="TBslidein_image"></div> 
<div  id="TBslidein_title">Cargando...</div> </div> 
<script> if(document.location.href.split("/").length==6&&document.location.href.indexOf(".html")!=-1){if(typeof TB_onload_queue=='undefined')var TB_onload_queue=[];if(typeof TB_dom_loaded=='boolean')TB_dom_loaded=false;else var TB_dom_loaded=false;if(typeof TB_async_loader!='function'){function TB_async_loader(src,callback,id){var script=document.createElement('script');script.type="text/javascript";script.async=true;script.src=src;script.id=id;var previous_script=document.getElementById(id);if(previous_script)if(previous_script.readyState=="loaded"||previous_script.readyState=="complete"){callback();return}else{script=previous_script}if(script.onload!=null)previous_callback=script.onload;script.onload=script.onreadystatechange=function(){var newcallback;if(previous_script&&previous_callback)newcallback=function(){previous_callback();callback()};else newcallback=callback;if(TB_dom_loaded){newcallback()}else TB_onload_queue.push(newcallback);script.onload=null;script.onreadystatechange=null};var head=document.getElementsByTagName('head')[0];if(!previous_script)head.appendChild(script)}}if(typeof TB_domLoaded!='function')function TB_domLoaded(callback){TB_dom_loaded=true;var len=TB_onload_queue.length;for(var i=0;i<len;i++){TB_onload_queue[i]()}}TB_domLoaded();TB_async_loader("http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js",function(){TB_async_loader("https://sites.google.com/site/terrenoblogger/javascript/TB-out-slide.js",function(){},"TB-out-slide")},"jQueryjs")} </script> 
<a href="http://www.terrenoblogger.co/2013/04/post-recomendado-deslizante-para-blogger.html" target="_blank"><img src="https://sites.google.com/site/terrenoblogger/javascript/terrenoblogger.png" alt="Post Recomendado deslizante para blogger" /></a> 

Anotaciones

  • Este efecto utiliza Jquery, el cual esta en color azul; si tienes otra versión en tu blog, podría causar problemas.
  • Puedes editar las frases Recomendado y Cargando...

Si este widget no te funciona, o surgen algunos inconvenientes, puedes comentarlos y tratare de ayudarte a resolverlos.

26 comentarios:

  1. Me interesaría agregarlo en mi blog, pero no se me visualiza el demo ;s

    ResponderEliminar
    Respuestas
    1. Comprobare que todo funcione bien

      Eliminar
    2. Pedro, verifique en varios navegadores y el efecto funciona correctamente. Intenta de nuevo!

      Eliminar
  2. El demo no funciona, ni con firefox, ni con chrome, ni con opera :S

    ResponderEliminar
  3. Increíble Pedro, pero realmente funciona. Lo comprobé de nuevo.

    ResponderEliminar
    Respuestas
    1. Puede que sea mi pc compañero.

      Eliminar
    2. Desconozco la razón por la cual no visualizas la demostración. Échale una revisada a tu pc.

      Saludos!!

      Eliminar
  4. Hola, muchas gracias por el gadget! es muy útil.

    Tengo una pregunta acerca de cuando aparece, es posible que se deslice sin tener que ir hasta el final de la página (abajo del todo)?

    Es decir, si es posible que aparezca a mitad de página o apenas se entra a la entrada.

    Saludos! :D

    ResponderEliminar
    Respuestas
    1. Ancel, el script esta diseñado para aparecer el efecto al final de la entrada. Tocaria entrarse al codigo un rato y tratar de modificarlo

      Eliminar
  5. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
    Respuestas
    1. El codigo esta hecho para que el Widget aparezca a la izquierda. Generalmente esto es utilizado en la parte derecha.

      Eliminar
    2. Este comentario ha sido eliminado por el autor.

      Eliminar
  6. Me sucede lo mismo que a pedro, no me funciona. ):

    ResponderEliminar
    Respuestas
    1. Esto sucede por problemas con Jquery. La solucion es dejar solo una version de Jquery en el blog

      Eliminar
  7. ¡ Hola ! Diego Andres a mi tampoco me funciona y he probado con varios navegadores. Un saludo y decirte aparte que he encontrado tu blog hoy y es muy interesante.

    ResponderEliminar
    Respuestas
    1. El problema es que tienes varias versiones de Jquery funcionando en el blog. Debes dejar solo una para que todos los gadgets funcionen correctamente

      Eliminar
    2. ¡Hola ! Diego Andres me comentas que tengo varias versiones de jquery. Yo soy un poco inexperto en este tema y te quería preguntar como las puedo quitar y como se cual es la que me hace falta para que funcione el blog correctamente. Un saludo, Antonio

      Eliminar
    3. Antonio, debes ir a Plantilla - Editar HTML y buscar por: jquery/

      Encontraras varias versiones, te recomiendo que dejes la mas recientes y el resto debes eliminarla.

      Ejemplo:
      Los codigos que encontraras son de este tipo:
      <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>

      Debes eliminar todas las versiones repetidas o antiguas y dejar solo una.

      Eliminar
    4. ¡ Gracias ! Diego Andres ya te comento como ha ido la cosa con el tema de la eliminación de jquery ¡. Un saludo, Antonio

      Eliminar
  8. Hola!

    En la demo no aparece, pero probando en mi blog sí, así que sin problemas.

    ¿Se podría hacer que apareciera antes, y no cuando el lector llegue al final de la página?

    Muchas gracias por compartirlo!
    Un saludo!

    ResponderEliminar
    Respuestas
    1. El Script esta programado para que aparezca al final.

      Saludos Byxina

      Eliminar
  9. esta bueno el widget lastima que hay que llegar al final para que aparezca, no está muy bueno eso, es necesario unos segundos y luego si que aparezca

    ResponderEliminar
  10. Acabo de conocer tu sitio y ya he aplicado algunos Widgets. Muy buenas tus recomendaciones.

    ResponderEliminar

Publicar un comentario

Recibe actualizaciones en tu Email :)