Titulos con imagenes en tu blog

  • septiembre 27, 2010

Titulos con imagenes en  tu blog


Recuerdo que tiempo atr??s, una de las primeras modificaciones que le hice a mi blog fue la de reemplazar los t??tulos de los gadgets por im??genes. Los lectores quedaron encantados y en la mayor??a de sus comentarios me pidieron que les explicase la forma de conseguir lo mismo.

Por ello, en esta entrada quiero present??rtelo y conseguir que en unos sencill??simos pasos puedas aplicarlo a los elementos de p??gina que tengas tanto en la barra lateral de tu blog como en el pie de este mismo…




Nuestro primer pas?? constar?? de a??adir el gadget a personalizar en tu barra lateral o en cualquier secci??n del blog. Para ello, accede al apartado Dise??o>Elementos de la p??gina>A??adir un gadget. Seguidamente, atrib??yele el t??tulo ‘Mi gadget imagen‘.

Gu??rdalo y sigue estos 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.

Una vez localizado, notar??s que el c??digo es muy similar a este:

<b:widget id=’HTML1′ locked=’false’ title=’Mi gadget imagen‘ type=’HTML’>
<b:includable id=’main’>
<!– only display title if it’s non-empty –>
<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>


En mi caso, seleccion?? el gadget html-javascript y por tanto el c??digo es m??s corto aunque esto no tiene nada que ver con nuestro truco dado que variar?? seg??n tu elecci??n.

Ahora, reemplaza la l??nea resaltada en color verde por esto:

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


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.


No Comments Found