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

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

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

*[wErO]*

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

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

Antonio, pues muchas gracias:D
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

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

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

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

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

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

Expresion de Luz

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