21 diciembre 2010

Escudo del Sevilla en lista de blog

Hoy os traigo la forma de quitar el icono de blogger y sustituirlo por el escudo del Sevilla fc. en la lista de blog.

Esto se me ocurrió ayer trás visitar el blog de Fº Javier
blanco y rojo
se lo ví y me dije ..... me lo quedo.

Pués bién, para colocarlo en vuestros blog tan solo deberéis copiar el código y colocarlo justamente antes de esta etiqueta: ]]></b:skin> eso sí, lo he comprobado en las plantillas de diseño de blogger y funcionan bién, en otras plantillas lo explico más abajo.

Ya sabéis diseño-edicción html-ctrl+f(buscar)colocáis la etiqueta ]]></b:skin> y justamente encima colocáis el código :

#BlogList1 li {
padding:0.3em 0 0.3em 10px;
background: url(http://i60.servimg.com/u/f60/13/20/23/83/150px-12.png) no-repeat 0 0.4em;}


Ahora para anular el de blogger, debemos buscar este código y donde pone true, colocar false

<li expr:style='data:item.displayStyle'>
<div class='blog-icon'>
<b:if cond='data:showIcon == &quot;false&quot;'>

En otras plantillas, puede cambiar el nombre de bloglist1 pero para asegurarnos, deberéis buscar el nombre que le tenéis puesto a vuestra lista de blog, ya sea, mi blogsfera,mis blog,mi lista de la blogsfera etc....

diseño-ediccion html-ctrl+f(buscar) y colocáis el nombre que le tengáis puesto a vuestra lista, veréis un código parecido a este:

<b:widget id='BlogList1' locked='false' title='Mi lista de blogs' type='BlogList'/>

Donde el id=.......... es el nombre que lleva vuestro gadget.
Una vez sabido el nombre, tan solo tenéis que cambiar el nombre en el código por el vuestro,manteniendo siempre el li¿que es el mismo? pués nada, lo copiáis como al principio.

Ejemplo:

#fulanito li {
padding:0.3em 0 0.3em 10px;
background: url(http://i60.servimg.com/u/f60/13/20/23/83/150px-12.png) no-repeat 0 0.4em;}

2 comentarios

Asi de fácil es, asi de facil nos lo pones, con la ruta de la dirección de imagen ya subida al el servidor. Veo que utilizas serving.com, yo suelo usar tinypic.com, pero no siempre.

Hay otra manera de poner el icono, pero es más compleja y depende de la plantilla que se tenga.

Muy bueno el post.

saludos.

Muchas gracias por el truco, me ha funcionado a la primera! Un abrazo Antonio!


Por favor, comente de acuerdo al tema del artículo.
Serán removidos todos los Comentarios con enlaces.
Si quieres recibir los nuevos comentarios marca "Avisarme"