URL Corta para tus Posts

Url Corta

Algo que es muy usado ahora en la web, especialmente en servicios web, como Twitter, es compartir tus post. Es algo muy simple, sólo debes entregarle la url de tu post a alguien y que lo vea, tan simple como eso, pero a veces nos encontramos con algún inconveniente y es que al enviar una url esta ocupa muchos caracteres y normalmente estos estan limitados.

Siempre podemos utilizar servicios externos, como TinyURL, pero que mejor si podemos hacerlo con nuestro propio blog.

Para hacer esto, utilizaremos la estructura de permalinks predeterminada, que es la siguiente:

http://www.tublog.com/?p=1012

Ahora nosotros queremos mostrar una url como esta, que nos redireccione automáticamente a nuestra url actual, en mi caso es esta:

http://www.blooging.net/nombre-del-post.html

Para mostrar esta url, automáticamente en cada post, incluíremos un código en nuestro archivo single.php en el lugar que más se adecue a tu diseño.

El código es el siguiente:

<?php echo get_bloginfo('url')."/?p=".$post->ID; ?>

Ahora, podemos mejorar visualmente este link con un poco de CSS dentro de un textarea y JavaScript.

<textarea class=textareaid readonly="true" onFocus="this.select()"><?php echo get_bloginfo('url')."/?p=".$post->ID; ?></textarea>

En mi caso usó, en el css, este código (personalizable):

.textareaid {width: 250px; height: 15px;
font-size: 12px; padding-left: 5px}

Al usar un textarea con unos arreglos con JavaScript podemos obtener un textarea bloqueado, es decir, que no pueden escribir nada dentro de él y con auto-selección que nos da un exelente efecto al presionar dentro del textarea.

Espero que les sea útl :B

Últimos Comentarios con Iconos en Blogger

En el Escaparate nos muestran un exelente tutorial sobre como mostrar los últimos  comentarios de tu blog con un icono especial a través de un pequeño script. Este icono varía según el rango que tiene cada comentarista.

Problemas con Scripts de Blogger

A través de Vagabundia y El Escaparate me entero de que los scripts alojados en SkyDrive, muy usado por los usuarios de Blogger, está teniendo problemas.  Esperamos que se solucionen luego :(

Posts Aleatorios en WordPress

Haciendo modificaciones al diseño del blog, se me ocurrió mostrar posts aleatorios en la sidebar, pero de todos los que probé ninguno me funcionó.

Luego de unos 15 minutos trabajando logré crear un código que muestra post aleatorios, lo logré crear leyendo claramente los Template Tags en el  Codex de WordPress.

El código es el siguiente:

<h4>Posts Aleatorios</h4>
<?php
 $postslist = get_posts('numberposts=7&order=ASC&orderby=rand');
 foreach ($postslist as $post) :
    setup_postdata($post);
 ?>
 <div>
 <li><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></li>
 </div>
 <?php endforeach; ?>

El numero de posts se puede cambiar modificando la siguiente línea: numberpost=7

Si quisieran que aparecieran todos los post menos los de una categoría en concreto, usen el siguiente código:

<h4>Posts Aleatorios</h4>
 <?php
 $postslist = get_posts('numberposts=7&order=ASC&orderby=rand&category=-142');
 foreach ($postslist as $post) :
    setup_postdata($post);
 ?>
 <div>
 <li><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></li>
 </div>
 <?php endforeach; ?>

El único cambio en este código es: category=-142, que significa que se mostrarán todas las entradas, menos las de la categoría Asides, osea la que tiene la ID 142. Recuerda que en tu blog la ID será distinta.

Deben pegarlo en el lugar que más les convenga, que normalmente sería en la sidebar.

Pueden ver en funcionamiento este script en mi sidebar, en "Posts Aleatorios".

Espero les sirva ;)