weebly statistics

Archivados como “Tutoriales”

Cómo activar el lectror PDF integrado de Google Chrome 6

  • Jueves, 2 septiembre, 2010
  • Cómo hemos mencionado hace un rato, Google Chrome 6 acaba de ser liberado, y una de sus novedades es la integración de un lector de archivos PDF de modo que no será necesario descargar los ficheros para poder visualizarlos, siendo más ágil y seguro el proceso.

    El problema quizá sea que viene desactivado por defecto, esto podemos comprobarlo muy fácilmente:

    • Si accedemos a un archivo PDF éste procederá a ser descargado hacia nuestro ordenador

    Si queremos que éste no ocurra por defecto, y deseamos visualizar el archivo desde nuestro navegador, entonces debemos activar el lector PDF incluido en Google Chrome, para ésto podemos seguir dos sencillos y rápidos pasos:

    Cómo activar el lectror PDF integrado de Google Chrome 6
    1. Abrir una pestaña de Google Chrome y colocar en la barra de direcciones (tal y como podemos ver en la imagen) lo siguiente: About:plugins
    2. Habilitar “Chrome PDF Viewer” y recargar la pestaña donde teníamos el enlace hacia el fichero PDF, luego verás que en lugar de acceder a la descarga se cargará automáticamente el archivo PDF en nuestra pestaña.

    Si quieres descargar luego un archivo PDF, tan sólo recuerda que puedes hacer tercer botón sobre el enlace y clickear en “guardar enlace como“.

    Espero que les sea de utilidad!.
    Sean felices :)

    Cómo insertar el botón oficial de Twitter sin scripts

  • Viernes, 13 agosto, 2010
  • El día de ayer fue lanzado para todo el mundo el botón oficial de Twitter para compartir contenidos, y la verdad es que a mí me gustó bastante su sencillez y la forma en que se muestra, con su contador y todo, además de que podemos personalizarlo todo antes de agregarlo.

    Cómo insertar el botón oficial de Twitter sin scripts

    La cosa es que no en todos lados vamos a poder hacer eso, porque este funciona mediante un script, y no en todas partes nos permiten la ejecución de estos, pero lo que si podemos hacer, es jugar un poquito con ese código y conseguir más o menos los mismos resultados. Claro, sin la ejecución de scripts.

    Para empezar, tenemos claro que el código base que tomaremos será el que Twitter nos ofrece, que sería el siguiente:

    Mostrar/OcultarVer código HTML
    <a class="twitter-share-button" href="http://twitter.com/share">Tweet</a><script src="http://platform.twitter.com/widgets.js" type="text/javascript"><!--mce:0--></script>

    Ahora si lo simplificamos para poder usarlo sin el Script y sin código basura, lo correcto sería lo siguiente:

    Mostrar/OcultarVer código HTML
    <a href="http://twitter.com/share">Tweet</a>

    Lo que nos mostraría algo así:

    Tweet

    Con lo que nos damos cuenta de que no sirve de nada la etiqueta “data-via” ni la “data-lang” si no se está cargando el script, así que tenemos 2 cosas, una buena y una mala; La buena es que podemos simplificar aún más el código y seguirá funcionando. La mala es que lo único que aparecerá en el Tweet es la url acortada del contenido a compartir, algo que no convencerá a muchos.

    Pero si prestamos un poco de atención, en la parte de debajo de la página de Twitter para crear los botones, nos presentan un enlace para la documentación para los desarrolladores, en donde nos explican que podemos crear nuestros propios botones a partir del código simplificado (Con el que ya habíamos dado) que sería el siguiente:

    Mostrar/OcultarVer código HTML
    <a href="http://twitter.com/share">Tweet</a>

    Y a partir de ese, comenzamos a meterle algunas variables en la url para comenzar a personalizarla. Los valores que podemos utilizar son:

    url URL de la página a compartir.
    via El usuario al que se le va a atribuír el Tweet.
    text El texto que contendrá el Tweet.
    related Cuentas relacionadas / Una cuenta secundaria para atribuirle el Tweet.

    Ahora, tomando eso como base, vamos a crear nuestro propio enlace usando la siguiente estructura:

    Mostrar/OcultarVer código HTML
    <a href="http://twitter.com/share?url=AQUILAURLACOMPARTIR&amp;via=USUARIODETWITTER&amp;text=ELTEXTOQUEQUERAMOS&amp;related=OTROUSUARIODETWITTEROPCIONAL">Comparte UnUsuario en Twitter!</a>

    Por lo que al final obtengo un resultado más o menos como este:

    Mostrar/OcultarVer código HTML
    <a href="http://twitter.com/share?url=http://www.unusuario.com&amp;via=d4rk_dr4k0&amp;text=Un%20excelente%20blog!&amp;related=berc">Comparte UnUsuario en Twitter!</a>

    Que se vería algo así:

    Comparte UnUsuario en Twitter!

    Claro, si se manejan con CSS también podrían meterle un poco de estilos o en lugar de mostrar texto, que muestre una imagen o demás, todo queda al alcance de la pura imaginación.

    Desde Twitter nos muestran un ejemplo de cómo quedaría si le metemos un poco de Feeling con CSS:

    Y eso se logra simplemente metiendo el siguiente código:

    Mostrar/OcultarVer código HTML
    <!--   #custom-tweet-button a {     display: block;     padding: 2px 5px 2px 20px;     background: url('http://a4.twimg.com/images/favicon.gif') left center no-repeat;     border: 1px solid #ccc;   } -->
    <div id="custom-tweet-button">
      <a href="http://twitter.com/share?url=http%3A%2F%2Fdev.twitter.com%2Fpages%2Ftweet-button" target="_blank">Tweet</a></div>

    Claro que si queremos integrarlo a WordPress podemos automatizar todo el proceso de llenado de datos e integrarlo directamente con el theme, simplemente agregando el siguiente código a donde queramos usarlo:

    Mostrar/OcultarVer código HTML
    <a href="http://twitter.com/share?url=&lt;?php echo urlencode(the_permalink()); ?&gt;&amp;text=&lt;?php echo urlencode(the_title()); ?&gt;&amp;via=BLOG&amp;related=AUTOR">¡Compartelo!</a>

    Y pues eso sería, ¡Espero que les sirva de algo!

    Cómo crear listas de Facebook

  • Miércoles, 11 agosto, 2010
  • Las listas de Facebook son una de las cosas más útiles para tratar con diferentes tipos de amigos (por decirlo de alguna manera), ya que con estas podrás bloquearle algunos contenidos a unos y mostrárselos a otros, al igual que podremos hacer para mostrarnos fuera de línea del chat de algunas personas.

    Para hacer esto lo que tenemos que ir es entrar a nuestra cuenta de Facebook, y en la parte de la izquierda entramos a donde aparece la opción de Amigos.

    Cómo crear listas de Facebook

    Una vez que estemos dentro, nos vamos a la derecha y ahí le damos clic en “Crea una Lista”.

    Cómo crear listas de Facebook

    Dentro de Crear una lista nosotros elegiremos el nombre de esta.

    Cómo crear listas de Facebook

    Después de elegir el nombre seleccionamos a los integrantes, le damos al botón de Crear lista y ya está, tendremos una lista de Facebook. Después les estaré trayendo las ventajas que esto nos da.

    Cómo crear listas de Facebook