}

viernes, 24 de junio de 2011

Como poner una imagen al costado del titulo de la entrada

para iniciar debe ingresar a su cuenta de blogger, allí debe hacer clic en la opción de "Diseño" de su blog, y luego clic en la pestaña de "Edición de HTML", estando allí debe activar la casilla "Expandir plantillas de artilugios" y para hacer la acción mas rapida, presione la combinación de teclas "Ctrl + f" (se desplegará automáticamente un buscador de códigos HTML, puede que no aparezca si trabaja con un navegador distinto a Google Chrome) .....debe buscar este codigo:


<h3 class='post-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>


Al encontrar el anterior código fíjese en esta parte del mismo:


<a expr:href='data:post.url'><data:post.title/></a>


en la anterior linea es donde debe ubicar la imagen; si desea que esta se encuentre a la izquierda del titulo, debe copiar y pegar este codigo:   <img src= "aquí_pegue_la_dirección_url_de_su_imagen"/>     entre la primera y segunda parte de la linea, es decir, debe quedar así:


<a expr:href='data:post.url'><img src= "aquí_pegue_la_dirección_url_de_su_imagen"/><data:post.title/></a>


y si desea ubicar la imagen a la derecha del titulo de las entradas, la linea debe quedar así, entre la segunda y tercera parte del código:


<a expr:href='data:post.url'><data:post.title/><img src= "aquí_pegue_la_dirección_url_de_su_imagen"/></a>


........para finalizar debe copiar y pegar la dirección HTML de su imagen como se indica en la linea donde se ubica la imagen, es esta:


<img src= "aquí_pegue_la_dirección_url_de_su_imagen"/>


......es muy importante ver la vista previa de su blog, (clic en el botón "VISTA PREVIA"), antes de guardar los cambios,........listo!

No hay comentarios: