La mejor forma y la más sencilla para poner twitter en nuestro blog es usar uno de los muchos plugins que existen para este cometido. De entre todos yo me he inclinado por este, dado que es fácil de usar y se adapta a lo que necesito.
Una vez instalado basta con arrastrarlo a la sección de widgets si el tema de tu blog dispone de ella, o mediante php con la siguiente función:

1

<?php twitter_messages("nombreUsuario"); ?>

La segunda opción más usada, aunque un poco más liosa es hacerlo mediante javascript, en concreto con la librería tweet. Para un blog no es necesario
meterse en algo tan engorroso, pero si queremos añadirlo a una web propia es la mejor solución.

Por útimo existen otras formas de hacerlo, todas ellas válidas pero bastante más complejas, por ejemplo con php o asp. En esta entrada de Noupe podréis encontrar casi todas las alternativas.

Si decidís probar twitter o añadirlo a vuestro blog, aquí teneis una gran selección de iconos y personajes.

El código es tan sencillo como casi todo en jquery, solo tienes que añadir a la cabecera los “alternates” de los diferentes css e importar tanto jquery como el plugin de este modo:

1
2
3

	<link rel="alternate stylesheet" type="text/css" href="nuevoEstilo.css" title="nuevoEstilo" media="screen" />
<script type="text/javascript" src="/wp-includes/js/styleswitch.js"></script>
<script type="text/javascript" src="/wp-includes/js/jquery.js"></script>

El atributo “title” es lo que usará el javascript para identificar los css.

La función para cambiarlos debe de ir como siempre nada más empezar el “body” y no hace falta modificarla en absoluto, sería asi:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

<script>
(function($)
{
   $(document).ready(function() {
      $('.styleswitch').click(function()
      {
         switchStylestyle(this.getAttribute("rel"));
         return false;
      });
      var c = readCookie('style');
      if (c) switchStylestyle(c);
   });
 
   function switchStylestyle(styleName)
   {
      $('link[@rel*=style][title]').each(function(i) 
      {
         this.disabled = true;
         if (this.getAttribute('title') == styleName) this.disabled = false;
      });
      createCookie('style', styleName, 365);
   }
})(jQuery);
</script>

Por último, desde los archivos php o html usamos un enlace para llamar a la función:

1

<a href="serversideSwitch.html?style=nuevoEstilo" rel="nuevoEstilo" class="styleswitch">Cambiar estilo css...</a>

Podeis verlo en funcionamiento en el menú de arriba o en la página web del autor.

Fuente: KelvinLuck.com

En primer lugar debemos bajar los archivos y localizarlos en alguna carpeta de wordpress, para ser ordenados deberíamos meterlos en la carpeta que wp trae para las bibliotecas javascript importadas: “/wp-includes/js”.
A continuación incluiremos las bibliotecas y enlazaremos al css dentro del archivo header de nuestro tema. En mi caso quedará así:

1
2
3
4

<script src="/blog/wp-includes/js/jquery_feed_menu/jquery.js" type="text/javascript"><!--mce:0--></script>
 
		<script src="/blog/wp-includes/js/jquery_feed_menu/feed_menu.js" type="text/javascript"><!--mce:1--></script>
		<script type="text/javascript"><!--mce:2--></script>

Modificar las urls para adecuarla a vuestro caso, pero aseguraros de que el código va justo antes de finalizar el head para que no entre en conflicto con otras importaciones.

Una vez tenemos todas las librerías, el código para usar los botones debe ir nada más empezar el body y dentro de un onload o un $(document).ready dado que usamos jQuery. El código quedaría así:

1

<script type="text/javascript"><!--mce:3--></script>

Dónde ‘atributo_css’ es el selector o atributo que contendrá el botón rss, por ejemplo: ‘contenedor_rss’.

1
2

En el css---> #contenedor_rss
En el html--->

Lo único que nos falta es añadir las lineas anteriores a nuestro css y la página en la que queremos mostrar los botones.

El plugin rastreará nuestro head en busca de todos los feeds que tengamos. Por defecto WordPress solo añade el rss en versión 2, pero podemos añadir todos los que queramos dentro del “head” por ejemplo:

1

<link rel="alternate" type="application/rss+xml" title="El blog" href="http://feeds.feedburner.com/Blog" />

Ya tenemos un bonito y útil botón con varios de nuestros feeds, podéis expresar cualquier duda en los comentarios.

Algunos ejemplos de su funcionamiento.

Descarga jquery y el menu rss.
Fuente: Komodomedia
Licencia: Creative Commons Attribution-Noncommercial-Share Alike 3.0 United States.