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...

0 comentarios:

Publicar un comentario

Si llegaste hasta acá y no lo encontraste lo que necesitás intentá buscarlo: