10 shortcodes de wordpress que pueden salvar el momento

Les dejo este simpático post (via catswhocode.com) que nos muestra algunos shortcodes que pueden ser de mucha ayuda en nuestros blogs de wordpress.

Para los que no conocen, los shortcodes son fragmentos de código que se pueden colocar en el contenido de un post de wordpress, ejecutando una función específica.

Les dejo el post 😉

Display a snapshot of any website

Want to be able to take a snapshot of any website, and display it on your blog? This cool shortcode allows you to do so. Just paste the following code into your functions.php file:

function wpr_snap($atts, $content = null) {
			"snap" => 'http://s.wordpress.com/mshots/v1/',
			"url" => 'http://www.catswhocode.com',
			"alt" => 'My image',
			"w" => '400', // width
			"h" => '300' // height
        ), $atts));

	$img = '<img src="' . $snap . '' . urlencode($url) . '?w=' . $w . '&h=' . $h . '" alt="' . $alt . '"/>';
        return $img;

add_shortcode("snap", "wpr_snap");

Once done, you can use the snap shortcode, as shown in the following example. It will display a CatsWhoCode.com snapshot on your own blog!

[snap url="http://www.catswhocode.com" alt="My description" w="400" h="300"]

Source: http://www.geekeries.fr/snippet/creer-automatiquement-miniatures-sites-wordpress/

Add a Paypal donation link easily

Many bloggers are asking support from their readers in the form of a Paypal donation. The following code creates a shortcode which will display a Paypal “donate” button on your site. Just paste the code below into yourfunctions.php file:

function cwc_donate_shortcode( $atts ) {
        'text' => 'Make a donation',
        'account' => 'REPLACE ME',
        'for' => '',
    ), $atts));

    global $post;

    if (!$for) $for = str_replace(" ","+",$post->post_title);

    return '<a class="donateLink" href="https://www.paypal.com/cgi-bin/webscr?cmd=_xclick&business='.$account.'&item_name=Donation+for+'.$for.'">'.$text.'</a>';

add_shortcode('donate', 'cwc_donate_shortcode');

Source: http://blue-anvil.com/archives/8-fun-useful-shortcode-functions-for-wordpress/

Obfuscate email addresses

As most of you know, spam bots are constantly scanning the internet in order to find emails to spam. Of course, you don’t want to receive spam, but what if you need to display your email (or someone else) on your blog? This code will create a shortcode which will obfuscate email adresses. As usual, let’s start by creating the shortcode: paste the code into your functions.php file.

function cwc_mail_shortcode( $atts , $content=null ) {
    for ($i = 0; $i < strlen($content); $i++) $encodedmail .= "&#" . ord($content[$i]) . ';';
    return '<a href="mailto:'.$encodedmail.'">'.$encodedmail.'</a>';
add_shortcode('mailto', 'cwc_mail_shortcode');

Then you can use the shortcode, which is pretty easy:


Source: http://blue-anvil.com/archives/8-fun-useful-shortcode-functions-for-wordpress/

Create private content

If you want to create some private content that only registered users are able to see, the following shortcode is the solution to your problem. Paste the code below into your functions.php file in order to create the shortcode:

function cwc_member_check_shortcode( $atts, $content = null ) {
	 if ( is_user_logged_in() && !is_null( $content ) && !is_feed() )
		return $content;
	return '';

add_shortcode( 'member', 'cwc_member_check_shortcode' );

Then, proceed as shown below to create some member-only content:

[member]This text will be only displayed to registered users.[/member]

Source: http://snipplr.com/view.php?codeview&id=46936

Embed a PDF in an iframe

This is definitely the easiest way to display a PDF file on your website: The PDF is loaded through Google docs and then displayed in an iframe, on your own site.
To use this shortcode, first paste the code below into your functions.php file:

function cwc_viewpdf($attr, $url) {
    return '<iframe src="http://docs.google.com/viewer?url=' . $url . '&embedded=true" style="width:' .$attr['width']. '; height:' .$attr['height']. ';" frameborder="0">Your browser should support iFrame to view this PDF document</iframe>';
add_shortcode('embedpdf', 'cwc_viewpdf');

Then, use the following syntax to display a PDF. As you can see, it is possible to define width and height, which means that this shortcode will fit great on your blog, nevermind its layout.

[embedpdf width="600px" height="500px"]http://infolab.stanford.edu/pub/papers/google.pdf[/embedpdf]

Source: http://snipplr.com/view.php?codeview&id=35682

“Feed only” content shortcode

This shortcode create some content that will only be displayed on your RSS feed. Quite good to display some RSS-only ads, or an important message for your feed readers. The function have to be pasted in yourfunctions.php. What, you guessed that? ;)

function cwc_feedonly_shortcode( $atts, $content = null) {
	if (!is_feed()) return "";
	return $content;
add_shortcode('feedonly', 'cwc_feedonly_shortcode');

Then, you can use the shortcode as shown below:

[feedonly]Dear RSS readers, please visit <a href="http://yourwebsite.com">my website</a> and click on a few ads[/feedonly]

Source: http://kovshenin.com/archives/snippet-a-feed-only-shortcode-for-wordpress/

“Retweet” shortcode using Tweetmeme

Tweeter is definitely a great source of trafic for bloggers. This is why this “Retweet” shortcode can be very useful. Paste the following code in your functions.php file in order to create the shortcode:

function tweetmeme(){
	return '<div class="tweetmeme"><script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script></div>';
add_shortcode('tweet', 'tweetmeme');

Once done, you can display the Tweetmeme “retweet” button anywhere on your posts. In WordPress editor, make sure you are in HTML mode and insert the following:


Source: http://www.wprecipes.com/wordpress-tip-create-a-tweetmeme-retweeet-shortcode

Display the last image attached to post

Instead of dealing with image url, a simple shortcode can retrieve and display the last image attached to post. Paste the code below into your functions.php file in order to create the shortcode:

function cwc_postimage($atts, $content = null) {
		"size" => 'thumbnail',
		"float" => 'none'
	), $atts));
	$images =& get_children( 'post_type=attachment&post_mime_type=image&post_parent=' . get_the_id() );
	foreach( $images as $imageID => $imagePost )
	$fullimage = wp_get_attachment_image($imageID, $size, false);
	$imagedata = wp_get_attachment_image_src($imageID, $size, false);
	$width = ($imagedata[1]+2);
	$height = ($imagedata[2]+2);
	return '<div class="postimage" style="width: '.$width.'px; height: '.$height.'px; float: '.$float.';">'.$fullimage.'</div>';
add_shortcode("postimage", "cwc_postimage");

Once done, you can display the last image by using the shortcode:


Source: http://www.wprecipes.com/wordpress-shortcode-easily-display-the-last-image-attached-to-post

Embed Youtube videos

If you often post videos from Youtube on your blog, this shortcode will make you save a lot of time. Let’s start by creating it by pasting the code below into your functions.php file:

function cwc_youtube($atts) {
		"value" => 'http://',
		"width" => '475',
		"height" => '350',
		"name"=> 'movie',
		"allowFullScreen" => 'true',
	), $atts));
	return '<object style="height: '.$height.'px; width: '.$width.'px"><param name="'.$name.'" value="'.$value.'"><param name="allowFullScreen" value="'.$allowFullScreen.'"></param><param name="allowScriptAccess" value="'.$allowScriptAccess.'"></param><embed src="'.$value.'" type="application/x-shockwave-flash" allowfullscreen="'.$allowFullScreen.'" allowScriptAccess="'.$allowScriptAccess.'" width="'.$width.'" height="'.$height.'"></embed></object>';
add_shortcode("youtube", "cwc_youtube");

Using the shortcode is pretty easy:

[youtube value="http://www.youtube.com/watch?v=1aBSPn2P9bg"]

Source: http://wpsnipp.com/index.php/functions-php/display-youtube-video-with-embed-shortcode/

Embed a RSS feed

This shortcode allows you to embed any RSS feed on your blog posts. Definitely cool for showcasing other blogs on your site! Just paste the code below into your functions.php file:


function cwc_readRss($atts) {
	"feed" => 'http://',
      "num" => '1',
    ), $atts));

    return wp_rss($feed, $num);

add_shortcode('rss', 'cwc_readRss');

Then, you can use the shortcode as shown below:

[rss feed="http://feeds.feedburner.com/catswhocode" num="5"]

Algunos truquitos en CCS3

Les dejo algunos truquitos en CCS3 para esos problemitas que nos aquejan a diario

Remover scrollbar en IE para las áreas de texto

textarea { overflow: auto; }

Transparencia CSS

.transparent { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; } …

larger content

Forzar scroll vertical

html { overflow-y: scroll; }

Mostrar el cursor sobre los campos de entrada

/** label CSS pointer reset **/ label, input[type=button], input[type=submit], button { cursor: pointer; }

Precarga de imágenes con CSS3

div.imgload { background:url(images/sheet1.gif) no-repeat; background:url(images/sprites.png) no-repeat; background:url(images/mybanner.jpg) no-repeat; margin-left: -99999px; }

Hacer FLIP a una imágen con CSS3

img.flip { -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: «FlipH»; }

Bordes Redondos con CSS3

.round{ -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; /* future proofing */ -khtml-border-radius: 10px; /* for old Konqueror browsers */ }

Arreglo para el min-height en IE

.box { min-height:500px; height:auto !important; height:500px; }

Alineación vertical

.vcontainer { min-height: 10em; display: table-cell; vertical-align: middle; }

Fuente: Designshack

Eres un blogópato crónico?

Los bloggers somos una clase particular de usuarios de internet. Algunos los confunden con geeks, otros con frikis de internet, con gamers, etc. Sin embargo los bloggers somos muy distintos y presentamos algunos síntomas que viéndonos internamente no descubriríamos, pero se hacen evidentes a los ojos de un tercero. Toda esta sintomatología es lo que he denominado blogopatía. Creo que hay muchos que la padecen/mos.


Asociada con los bloggers que se acaban de iniciar en el mundo de los blogs o las redes sociales o llevan hasta un año en el mismo. Probablemente estos se hayan iniciado con miras a tener mucho público que los lea, dejar de trabajar y vivir de internet. Se aislan tanto y se rebelan ante leyes aún no impuestas de internet (como la neutralidad de la red) que dejan de frecuentar amigos y hasta pueden llegar a ser considerados sociópatas.

  1. Suelen estar más conectados en las noches madrugadas porque a esas horas “nadie los molesta”.
  2. Ingieren sus alimentos frente a un ordenador mientras se ponen al día con los feeds y videos virales.
  3. Envían cuanto correo a blog conocido hay (Lifehacker, Alt1040, etc.) esperando intercambiar links.
  4. Tiene más desarrollados físicamente solo 2 dedos por mano (ALT/TAB y Clic derecho/izquierdo).
  5. Sufre transtornos bipolares con frecuencia diaria y/o mensual (reportes de visitas y de Adsense)
  6. Todos los días tiene nuevas ideas y piensa crear un startup que revolucionará internet.
  7. En su msn tiene más amigos bloggers que no conoce en la vida real que amigos de verdad.
  8. Dice que es un millonario “virtual” y entrepreneur “online” (Paypal) cuando le instan a trabajar.
  9. Es más fácil comunicarse con él por sus redes sociales que físicamente.
  10. A menudo se complementa con un transtorno de adicción a Twitter.
  11. Participa activamente en foros esperando obtener un alto rango por publicar muchos mensajes.
  12. Vive experiencias de índole religiosa si es capaz de encontrar un error ortográfico en blogs famosos.
  13. Exhibe con orgullo el sidebar de su blog con imágenes tipo: “blog VIP”, “Elegido blog del mes”, etc.
  14. Su vida transcurre entre las pestañas de su navegador revisando correos, leyendo feeds, etc.
  15. Se le asocia un sobrepeso por la vida sedentaria, sus desplazamientos son: cama/PC/baño.

Sin embargo, ese no es el peor transtorno. No, señores… hay otro aún peor, lo he denominado blogopatía crónica. A continuación el detalle.

Blogopatía Ego-Crónica

Este nivel de blogopatía ya involucra factores de peligro emocional que conlleva a transtornos de aislamiento prolongados en una suerte de autoridad no existente, influencia ilusoria, con razgos que rosan el autismo web (del autismo web hablaremos en una posterior entrega).

  1. Tiene todos los transtornos y síntomas del blogopatía y algunos más.
  2. Crean cuentas de perfil en redes sociales, tipo Facebook, para sus páginas o “emprendimientos”.
  3. Se comienzan a autocomentar sus posts menos leídos.
  4. Se retwittean mensajes entre sus propias cuentas ejerciendo una vana influencia.
  5. Su percepción del tiempo y la realidad es distorsionada confundiendo la vida web con la real.
  6. Se googlean una y otra vez esperando buscar sitios que hablen de él como influyente.
  7. Mandan sus propios artículos a ser votados a Menéame -con otras cuentas- esperando “despegar”.
  8. Intentan iniciar a todos sus seres queridos y amigos en el mundo blogueril. Se deprimen sino.
  9. Se crean múltiples cuentas de Twitter y comienzan a seguirse entre ellos mismos.
  10. Establecen largas reflexiones en el Twitter enviando replies a gente como Bill Gates o Steve Jobs.
  11. Habla en un idioma extraño casi satánico (feeds, CTR, CPM, RT, MFA)
  12. A menudo se queja de Google, sin embargo no trabaja y cobra mensualmente su Adsense.
  13. Comienza a escribir artículos que considera influyentes y se enoja cuando no concuerdan con él.
  14. En sus blogs trata de “conocidos” o “amigos” a personajes influyentes como Dans, sin conocerlos.
  15. Nunca ha ganado un concurso de blogs en la vida real.

Si exhiben más de 3 síntomas de alguno de los dos transtornos es probable que estén sufriendo alguno de estos transtornos.

Tratamiento Conocido

No existe tratamiento conocido, pero pueden dejar aquí algunos otros síntomas que estén experimentando (los síntomas también los vivo yo, para que no se crean que ando mejor).

Lo que sí se puede es mitigar el daño colateral que puede ocasionar, haciendo lo siguiente: Tengan vida!!! Salgan un poco a caminar, cuenten nubes en un cielo despejado, aléjense más de 100 metros de su ordenador sin gadget alguno (no vale salir con iPod Touch ni smartphone).

via Tecnología Diaria

Nuestro buen amigo FTP cumple 40 años


El pasado 16 de abril se han cumplido 40 años de existencia del protocolo FTP (File Transfer Protocol), protocolo de transferencia de archivos en español. No deja de ser sorprendente que en un mundo tan cambiante y evolucionado como Internet, un protocolo sobreviva nada menos que cuatro décadas.

Como pequeño tributo a esta efemérides, vamos a dedicar la imagen de la semana al protocolo FTP, recordando cómo empezó y con cierta nostalgia, los comandos que se utilizan en un terminal para manejar el protocolo FTP, que siguen siendo de gran utilidad.

leer artículo completo en GenBeta

Año nuevo, a darle con ganas!

Primero desearles un muy feliz año nuevo a todos, y que este sea mucho mejor que el 2010!

Que viva el 2011! deciamos la semana pasada, pero ahora, poniendo nuevamente los pies en la realidad, y luego de unos muy merecidos dias libres (respondiendo únicamente a las emergencias tecnológicas), toca volver a las labores cotidianas con más energía y ganas que nunca.

De novedades, la principal es que el robot de mi tesis al fin se encuentra ya en movimiento. Luego de un análisis de la cinemática directa e inversa, mucha geometría, cálculo matricial, redes neuronales, matlab, scilab, visual basic, mucho red bull y una que otra bielita, al parecer todo va tomando forma.


Este robot, para los que no andan muy al tanto del proyecto, es una Plataforma Stewart fabricada enteramente en aluminio, carbono y algo de plástico. Es una plataforma movil con 6 grados de libertad, cuyo movimiento es activado por servos de alto torque (en el video solo estamos probando 3, ya que para probar el resto, tengo que conectar mi transmisor para los aviones de radiocontrol, que tiene 6 canales), pero aparte de una pequeña desviación en los ángulos de los servos de la base (por eso se ve una pequeña inclinación en uno de los ejes en lugar de un desplazamiento plano), se mueve correctamente.


Ahora, para que una plataforma movil? La idea de este proyecto es que la placa movil, pueda balancear un objeto (en nuestro caso, una pequeña pelota), y para esto es necesario algún mecanismo de medición de la posición de dicha pelota en el espacio. Para esto estamos usando visión artificial.

Muchos de los proyectos realizados usando visión artificial, se basan en el reconocimiento de objetos, y con este marco hemos aplicado dicha teoría, para realizar visión artificial en tiempo real. Usando cámaras de video de alta velocidad, podemos detectar la posición de la pelota en la plataforma, y predecir su trayectoria, para con estos datos, mover la plataforma de tal manera que estabilice la pelota en el centro. Mas detalles de los algoritmos de visión artificial en los próximos días.

Posteando en el camino

Mucha gente nos consultaba acerca de alguna solución para publicar posts en un blog sin necesidad de un computador, y bueno, wordpress es la mejor solución para esto.
Con el app de wordpress para el iPhone, iPod touch y blackberry, usando el plan de datos o una conexión wifi, se pueden publicar posts sin necesidad de la interfaz completa del administrador…. ya probaremos la verdadera utilidad !