11

Iconos que adornan mi blog

Acabo de añadir al blog unos iconos en la sidebar al lado de "Archivos" y "Ultimos comentarios", he estado un rato poniendo y cambiando de sitio las imágenes hasta que he logrado colocarlas donde yo quería. Así lo he conseguido:

Tenéis que subir las imágenes que queráis poner a un servidor de archivos, y a la url (dirección) resultante añadirle img src=, quedaría así:

<img src="http://img341.imageshack.us/img341/189/carpetaru0.gif"/>
(Esta es mi imagen de archivos, la de la carpeta)
<img src="http://img68.imageshack.us/img68/6104/platicaov9.gif"/>
(Esta es mi imagen de comentarios, gente hablando)
Podéis usarlas si queréis.

En plantilla - HTML - expandir artilugios, buscamos esta parte del código:

<b:widget id='BlogArchive1' locked='false' title='Archivo del blog' type='BlogArchive'>

<b:includable id='main'>

<b:if cond='data:title'>

<h2><data:title/></h2>

Justo después de <h2> colocamos la imagen, es decir así:

<h2>
<img src="http://img341.imageshack.us/img341/189/carpetaru0.gif"/><data:title/></h2>



Para los comentarios lo mismo, buscamos esta parte:

<b:widget id='Feed1' locked='false' title='Ultimos comentarios' type='Feed'>

<b:includable id='main'>

<h2><data:title/></h2>

Y añadimos la imagen:

<b:widget id='Feed1' locked='false' title='Ultimos comentarios' type='Feed'>

<b:includable id='main'>

<h2>

<img src='http://img68.imageshack.us/img68/6104/platicaov9.gif'/><data:title/></h2>

De esta manera es posible colocar una imagen casi en cualquier parte de la plantilla solo hay que ir probando y mirando en vista previa...



No quería publicar esta entrada sin añadir una imagen a los comentarios en vista expandida y acabo de conseguir meterla a base de mucho probar. Cuando se expande una entrada en la etiquetas la imagen se verá delante del autor de cada comentario. Esta es la imagen que he escogido y su url (usarla si queréis).
<img src='http://img211.imageshack.us/img211/4458/10104gd8.jpg'/>


En esta parte del HTML podéis ver donde la he metido (la imagen está en destacada en negrita):
<b:loop values='data:post.comments' var='comment'>

<dt class='comment-author' expr:id='"comment-" + data:comment.id'>

<a expr:name='"comment-" + data:comment.id'/>

<b:if cond='data:comment.authorUrl'>

<a expr:href='data:comment.authorUrl' rel='nofollow'><img src='http://img211.imageshack.us/img211/4458/10104gd8.jpg'/><data:comment.author/></a>

<b:else/>

<data:comment.author/>

</b:if>

<data:commentPostedByMsg/>

Todo esto lo he hecho un poco "de oído", es decir, a mi manera, así que supongo que habrá alguna otra forma de hacerlo mejor,pero a mi me sirve para ver el blog como quería, así que no le doy más vueltas...

Entradas Relacionadas:

11 comentarios:


Angie Sandino 1

Hola Rosy,
Fijate que ya no he querido molestarte, pero alguna vaina trae mi blog, pues luego que andaba feliz por lo de las "metas" y de vuelta al amor con google, desde ayer me mandó al final de la fila... y ni sé porque... solo pedirte que cuando te sobren un par de minutos le des una vicheada al codigo de mi plantilla y mires si encuentras alguna metida de pata mia, y si no, pues a resignarse se ha dicho, que la fama puede esperar!

Un abrazote y disculpa la lata!

Gabriela 2

gracias MAESTRA, eres como una madre para mí.
despues me hechas una ayudita con crear mi enlace.
gracias.

*[wErO]* 3

hola q tal me parece mui bien tu blog me a servido de mucho..

solo queria sabes si se puede...
poner una galeria de fotos en mi blog..

Antonio Herrera 4

Sigue siendo este blog mi referencia para mejorar el aspecto y la funcionalidad, pero sobre todo para aprender y este artículo me ha sido de gran ayuda.

Muchas gracias por tu trabajo.

Anónimo 5

Antonio, pues muchas gracias
Aunque a decir verdad, este artículo es de los primeros que escribí...ahora mismo emplearía CSS para conseguir esto, sin necesidad de rebuscar tanto en la plantilla...aunque el resultado, a decir verdad, es el mismo.

Saludos.

J.M. Rábago García 6

Hola Rosa. Quiero poner una imagen gif en mi blog pero cuando selecciono desde la web y pego la url me sale un mensaje que dice "url de imagen no valida" que tengo que hacer? Un saludo y gracias por su escaparate.

Anónimo 7

Rábago, bájate la imagen a tu PC (botón derecho del ratón - guardar como) y después subela al blog desde tu PC directamente en "Examinar"

De todos modos algunas imágenes en formato .gif pierden así el movimiento (si es que lo tienen).

Paramatma 8

Rosa buen dia!!!

Mira he colocado la imagen como vos dices en comentarios y no me sale aunq la plantilla haya guardado correctamente, lo dejo en linea para q si tienes un tiempito me puedas ayudar gracias!!!


blog pruebas

Anónimo 9

GOCASE, puede ser porque desde que publiqué esta entrada Blogger ha incluido varios cambios en esa parte, como el icono de la b de Blogger delante de cada autor.
Sigue los pasos de esta entrada, es más reciente, eso si, antes de nada elimina el icono que Blogger coloca:
http://elescaparatederosa.blogspot.com/2008/11/icono-delante-del-autor-del-comentario.html

Anónimo 10

aaaah me siento taaan ignorante ante ti, alumbrame!!!!!!

Expresion de Luz 11

Super interesante, todas tus tips, espero aplicarlos pronto.
Rocio

Publicar un comentario

Si vas a dejar una consulta, procura tener habilitado tu perfil en Blogger o deja la url del blog a revisar (no enlace).

Los comentarios están siendo moderados.

:) :(( :( :P :D :$ ;) :I :X :O |O :S