Como esos botoncitos rojos y azules, con un punto de luz, que tengo en la sidebar del "Footer", introduciendo los elementos de Links, Visitas y demás...
.- Supongamos que nuestra plantilla se forma con una Url importada... o el fondo-background consiste en una imagen y no ya un color o su ausencia (transparent)... o, incluso, no tenemos ni la menor idea de cómo crear un CSS para esos iconos que queremos en la sidebar, por ejemplo.
En todos estos casos-y alguno más- no tenemos por qué quedarnos con las ganas de colocar esos gifs:
.- Abrimos la plantilla y la extendemos.
.- Bajamos hasta el "b:section" de sidebar y nos paramos en el primer widget en el que queremos poner nuestro gif. Por ejemplo:
<div id='sidebar'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='HTML8' locked='false' title='Links a Epílogo' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h4 class='title'><data:title/></h4>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>
Fijaros en esta pieza de código del widget, porque ahí es donde vais a insertar la URL de vuestra imagen (y es que es ahí donde le decís a la plantilla cómo debe ser el título del widget)
<h4 class='title'><data:title/></h4>
Si ya lo tenéis localizado, y ya tenéis la URL de la imagen que queréis colocar al lado del título del widget de la sidebar, pues andando. Tenéis que colocarla así:
<h4 class='title'><image src='URL.gif'/><data:title/></h4>
No olvidéis abrir y cerrar las comillas de la URL, ni cerrar el elemento "image", tal como lo véis arriba. Porque si falla alguna de esas cosas, la plantilla dará error.
Quien tiene muchas horas de trabajar con las plantillas de blogger, sabe que el HTML es un poquito... histérico :)
✍ ¿Quieres hacer algún comentario? ✍