Iconos Sociales en cada post, linkando a sus respectivas páginas

Hoy veremos un sistema rápido y eficaz de proporcionar a cada uno de nuestros artículos de una batería de iconos sociales, para que nuestro blog sea recomendado y esparcido por la red.

Primero, nos haremos con un set de iconos que nos guste. Y guardaremos esos iconos en nuestro tema en cuestión, dentro de la carpeta ‘images’.

Luego, dentro del Loop (buscarlo en single.php, index.php, aunque también nos funcionará en archive.php), pegaremos esto, después de the_content:

<div class="social">

<h3>Comparte este post</h3>

<a href="<?php bloginfo('rss2_url'); ?>" title="Flujo RSS.">
<img src="<?php bloginfo('template_directory'); ?>/images/feed.png" alt="Flujo RSS." />
</a>

<a href="http://twitter.com/home/?status=<?php the_title(); ?> : <?php the_permalink(); ?>" title="Tweetea esto!">
<img src="<?php bloginfo('template_directory'); ?>/images/twitter.png" alt="Tweetea esto!" />
</a>

<a href="http://www.stumbleupon.com/submit?url=<?php the_permalink(); ?>&amp;amp;title=<?php the_title(); ?>" title="StumbleUpon.">
<img src="<?php bloginfo('template_directory'); ?>/images/stumbleupon.png" alt="StumbleUpon" />
</a>

<a href="http://www.reddit.com/submit?url=<?php the_permalink(); ?>&amp;amp;title=<?php the_title(); ?>" title="Vota en Reddit.">
<img src="<?php bloginfo('template_directory'); ?>/images/reddit.png" alt="Reddit" />
</a>

<a href="http://digg.com/submit?phase=2&amp;amp;url=<?php the_permalink(); ?>&amp;amp;title=<?php the_title(); ?>" title="Digg this!">
<img src="<?php bloginfo('template_directory'); ?>/images/digg.png" alt="Digg This!" />
</a>

<a href="http://del.icio.us/post?url=<?php the_permalink(); ?>&amp;amp;title=<?php the_title(); ?>" title="Bookmarkame en Delicious.">
<img src="<?php bloginfo('template_directory'); ?>/images/delicious.png" alt="Bookmarkame en Delicious" />
</a>

<a href="http://www.facebook.com/sharer.php?u=<?php the_permalink();?>&amp;amp;t=<?php the_title(); ?>" title="Comparte en Facebook.">
<img src="<?php bloginfo('template_directory'); ?>/images/facebook.png" alt="Comparte en Facebook" id="sharethis-last" />
</a>

</div>

Hemos tomado en cuenta el Flujo RSS, Twitter, Stumble Upon, Reddit, Digg, Delicious y Facebook.
Si me pedís servicios extra, prometo responder.

A notar que cada set de iconos tendrá su nomenclatura, que habrá que ajustar en los ejemplos que yo he puesto aquí.

Y por lo demás voilà, ya tenemos a nuestros artículos ultra-socializados. A morir de éxito !

Comentarios
  1. ¿Este es el metodo que usan en esta misma pagina o ustedes lo hacen mediante plugin?

    Escrito el25/09/2009
  2. pau

    Hola!
    ¿conocéis como enviaríamos a “menéame”?
    Gracias!

    Escrito el10/03/2010
  3. Ake

    Muchas gracias por la info. Muchas veces a base de tanto poner plugins el blog no va demasiado rápido. Saludos.

    Escrito el29/05/2010
  4. javier

    es muy buena la informacion

    Escrito el24/08/2011

DEJA TU COMENTARIO


5 − = uno