domingo, 10 de junio de 2012

Poner un link en el nombre del autor en las entradas

No todos usamos el gadget de perfil, así que ponerle al nombre del autor un enlace a nuestro perfil puede servirnos para mostrar a nuestros lectores un poco más de información acerca de nosotros, incluso para que conozcan otros blogs que administramos. Pero además, no tenemos que vernos obligados a poner el enlace a nuestro perfil de Blogger pues bien podemos poner la dirección de nuestro blog, de nuestra página de Facebook, Twitter, o cualquier otra.

Si sólo hay un autor en el blog entra en Plantilla | Edición de HTML, marca la casilla Expandir plantillas de artilugios y busca este código:
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn'>
<a expr:href='data:post.authorProfileUrl' itemprop='author' rel='author' title='author profile'>
<data:post.author/>
</a>
</span>
<b:else/>
<span class='fn'><data:post.author/></span>
</b:if>
</b:if>
</span>
Sino lo encuentras tal como está busca uno parecido (incluso es posible que lo tengas dos veces).
Cambia lo que está en color rojo por esto:
<a href="URL del enlace"><data:post.author/></a>
Ahí pon la URL del enlace de tu perfil de Blogger, de Facebook, Twitter o de la página que quieras. Si quieres que se abra en otra ventana agrega el atributo target="_blank"

Hasta ahí es todo para quienes tienen en su blog sólo un autor, ¿pero qué pasa si el blog tiene dos o más autores? En ese caso la página de soporte de Blogger nos da la respuesta, omitimos los pasos anteriores y buscamos este código:
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn'>
<a expr:href='data:post.authorProfileUrl' itemprop='author' rel='author' title='author profile'>
<data:post.author/>
</a>
</span>
<b:else/>
<span class='fn'><data:post.author/></span>
</b:if>
</b:if>
</span>
Cambia lo que está en color rojo por esto:
<script type="text/javascript"> makeprofilelink("<data:post.author/>"); </script>
Ahora pega antes de </head> el siguiente script:
<script type='text/javascript'>
//<![CDATA[
var team = new Array();
team["Nombre del primer autor"]="XXXXXXXXXXXXXXXXXX";
team["Nombre del segundo autor"]="XXXXXXXXXXXXXXXXXX";
team["Nombre del tercer autor"]="XXXXXXXXXXXXXXXXXX";

function makeprofilelink (authorname) {
var pid = team[authorname];
document.write("<a href="http://www.blogger.com/profile/"
+ pid + "">" + authorname + "</a>");
}
//]]>
</script>
Agrega donde se indica el nombre de cada autor del blog, ninguno de ellos deberá tener el mismo nombre/nick. Y en color azul coloca los números que aparecen al final de la URL del perfil de cada autor, por ejemplo, esta es la URL de mi perfil:
http://www.blogger.com/profile/11069825386066411200
Esos números que están al final son los que necesitamos poner.
Si tuvieras más autores agrega una línea como esta por cada autor extra:
team["Nombre de otro autor"]="XXXXXXXXXXXXXXXXXX";
Con eso cada autor tendrá un enlace a su perfil de Blogger, pero también podemos usar otra página.
Por ejemplo, si quieres que enlace a la página de Facebook de cada autor entonces cambia la URL que está en color gris por:
http://www.facebook.com/

Y en las equis azules pon el nombre de usuario de Facebook del autor.
Si quisieras que enlace al perfil de Twitter entonces la URL será esta:
http://www.twitter.com/

Y nuevamente en color azul pondrás el nombre de usuario de Twitter del autor.
De esa forma cada autor tendrá el enlace al perfil de la página que hayas elegido.

No hay comentarios:

Publicar un comentario