Poner una imagen como título en cualquier gadget de tu blog ~ Tube trucos

Hace un tiempo atrás, provando en un blog de prueva hise unas modificaciones una fue la de reemplazar los títulos de los gadgets por imágenes.
Por ello, en esta entrada quiero explicarles que en unos sencillísimos pasos como aplicarlo a los elementos de la página que tengas tanto en la barra lateral de tu blog como en el pie de este mismo...

El primer pasó constará de añadir el gadget a personalizar en tu barra lateral o en cualquier sección del blog.Para ello, accede a la parte de Diseño >>> Elementos de la página >>> Añadir un gadget. Seguidamente, atribúyele el título 'Mi imagen de titulo'.

Guárdalo y sigue los siguientes pasos:

Diseño >>> Edición de HTML >>> expandimos artilugios

Pulsando las teclas Ctrl y F para abrir el buscador de tu navegador, encuentra el título que acabas de introducir.en este caso Mi imagen de titulo
Si le quieren añadir la imagen a un gadget existente es lo mismo buscan el titulo del gadget.

Una vez localizado, notarás que el código es muy similar al código siguiente:

<b:widget id='HTML1' locked='false' title='Mi imagen de titulo' type='HTML'>
<b:includable id='main'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>

Ahora, reemplaza la línea resaltada en color naranja por lo siguiente:

<img src="URL DE TU IMAGEN"/>

Ahora sustituye URL DE TU IMAGEN por la dirección de la imagen que actuará como título.

Haz vista previa para comprobar el resultado y guarda la plantilla para terminar.