El viernes, 8 de diciembre de 2006 se escribió:

Poner código en la plantilla del blog para blogroll

Llevo un tiempo intentando mejorar este cuaderno, sobre todo añadiendo chorraditas.
Una de las cosas que más me llaman la atención desde hace un tiempo son los enlaces para hacer Blogroll, que no son más que webs o blogs que se dedican a coleccionar enlaces de otras webs o blogs, muy actualizados y que llaman mucho la atención a los navegantes de internet; así que por ello allí se acumulan las noticias y mensajes dedicados a temas de actualidad, humorísticos, de ciencia más o menos recreativa y muchos frikis.
Pues yo no quería ser menos, y he estado investigando cómo añadir esos enlaces a mi cuaderno para facilitar esa labor a mis visitantes.
Esta tarea me ha permitido ver cómo son los entresijos de la plantilla de beta.blogger.com, el programa que utiliza google para hacer los blogs de Blogspot, como es este cuaderno, y he aprendido un poco más de programación (creo).
El caso es que he llegado a dar con dos blogs que indicaban cómo hacer para añadir los enlaces para blogroll, aunque ninguno de ellos lo culminaba y me ha tocado acabarlo a mano, por eso que he aprendido tanto.

La base (y el cuerpo) está sacada de:
http://blogandroll-xosse.blogspot.com/2006/11/enlaces-las-redes-sociales.html
http://betatrucos.blogspot.com/2006/10/meneame-enchilame-acolitame-floreame.html

Allí indican cómo hacer para añadir el blogroll en varias páginas, entre los que yo he seleccionado algunos de los que me sonaban:

http://meneame.net


http://www.technorati.com


http://del.icio.us


http://digg.com


http://myweb2.search.yahoo.com


Y aquí pego cómo he conseguido que funcione:

<p class='post-footer-line post-footer-line-2'><span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
</span> </p>


<!-- Inicio Blogroll -->

<left><input
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjqDpq4yJ_2rdpcnkHbeIY0I02EnGr29V2AOFOWa-knure_sndTilYnBglEz9ogqQCQQtqj_Y9PBRA5c5N1QYYSA2GODJGXsi4sZo222ZttEOiAU_kMvK4IdssbabvABNuL9V7lqEFEN1X/s200/meneame.jpg' type='image'/></left>
<left><a expr:href='"http://meneame.net/submit.php?url="
+ data:post.url + "&amp;title=" + data:post.title' target='_blank'>Menéame</a></left>

<left><input
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLgai8MhbgRjuykT8fESDCkZyu0yhcZP3U-vx_yP9oUG4dMMvLQuO80IImpW06YG4VhkRzgfXJzG_THDmkps0Dt56lnkB41UeFTTde75p7ncDDVBUwGMsSVO6jXAP_6aqtUF2I9h5WtnOO/s200/technocrati.jpg' type='image'/></left>
<left><a expr:href='"http://www.technorati.com/search/" +
data:post.url' target='_blank'>Technorati</a></left>

<left><input
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxuHPTNeijXNkWbaA4Y3CLm-43P7oNXQIspQ34wMTUL8hjpit8XApUZek0VcRLjNcP60YUrc-aa2zkvi94IuSH5SqgnDKhrhqt051cyE2UrmGD840qwu3Zpln1-TT-al_RvT11D-j1R-uk/s200/del.icio.us.jpg' type='image'/></left>
<left><a expr:href='"http://del.icio.us/post?url=" +
data:post.url + "&amp;title=" + data:post.title' target='_blank'>Del.icio.us</a></left>

<left><input
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6j1uolrBcD0VyJzbvgfILhztxV5wSwfi-8bbSxTsY2OXEON__NfmfCylDrmJKDVfs2ve8X-RfabmRVs0RSGpWC9uGqaqHHWDccsOfyLyoVxczYuQoR91OFVlxut9QdMg0QGpl5UhwFmaR/s200/digg.jpg' type='image'/></left>
<left><a expr:href='"http://digg.com/submit?phase=3&amp;url="
+ data:post.url' target='_blank'>Digg it!</a></left>

<left><input
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjP61LiAy3YAhcsrFoSL14An9GcewZp0Lph77QZegSxMebWm1_BsyfHgxrXhECSC2Kq29oTlTDAbEFOfP0B4aj8h2lUn2wUnkoIaxaVh-8uHZ-DgOuhL1MCCoAO9jA8nIRw2W8ip7AIlx4I/s200/yahoo.jpg' type='image'/></left> <left><a expr:href='"http://myweb2.search.yahoo.com/myresults/bookmarklet?url="
+ data:post.url + "&amp;title=" + data:post.title' target='_blank'>Yahoo!</a></left>

<!-- fin Blogroll -->

<p class='post-footer-line post-footer-line-3'/>
</div>
</div>


Pasos para añadir el blogroll:
Tienes que darle a personalizar, plantilla, edición en HTML.
Marcas la casilla de Expandir plantillas de artilugios.
Buscas el texto que está en amarillo (<p class='post-footer-line post-footer-line-3'/>) y añadir lo que esté entre el principio y el final del blogroll (copia y pega) antes del texto buscado.
Lo que está en blanco es el código que está en la plantilla.
Luego tienes varios códigos para cada página a la que quieres enlazar:
En verde está la ruta de la imagen, puedes usar esta mientras esté activa.
En naranja está la ruta del blogroll, puede cambiar el formato para cada uno.
Y en azul está la palabra que indica a qué web te dirige.

Espero que te haya servido de tanta ayuda como a mí.

2 comentarios:

contafisca dijo...

Queri darte las gracias porque llevaba tiempo buscando añadir mis comentarios a las redes sociales y gracias al código que publicas y a tu excelente explicación he conseguido implantarlo en mi blog.

Podeis verlo:

http://contabilidadfiscalidad.blogspot.com/

Anónimo dijo...

Felcicidades por tu blog!!! gracias a este post he logrado poner los botones de Menéame etc...

Muchas gracias!!

si quieres estás invitado a pasar por mi blog.

http://opresiondigital.blogspot.com