Solución al diseño del gadget de suscripción

Hace tiempo que desde Diseño podemos añadir un gadget de Blogger que permite a nuestras visitas el suscribirse a entradas y comentarios de nuestro blog.

El gadget no tenía demasiada aceptación entre los bloggers de habla hispana, ya que en los blogs en español la frase que anima a suscribirse a los comentarios, al traducirse automáticamente del inglés, se alargaba demasiado y sobresalía de la imagen de fondo:

Gracias a nuestro amigo Vku del fantástico blog de ayuda ¿Como se hace? ahora podemos corregir este error añadiendo un código para controlar la apariencia del gadget y que quede muchísimo más presentable.

[1] Añadimos el gadget desde Edición si es que aún no lo tenemos añadido, si ya lo estamos usando no es necesario más que añadir el código para controlar su diseño.


[2] Localizamos desde Edición HTML de nuestro panel, la etiqueta ]]></b:skin> dentro del código de nuestra plantilla, y justo encima de esa etiqueta colocamos este código:

div.subscribe div.top{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-XyTjsncBnbcd5dyXVPusHIemAqt7Mi2KKox3NoXSC6YHnBpQ91PeWkdOKbp6NPuzg44j2HKQ3nT2tRw_DTAhoC4UZn_CY18Y376LzyheHNSNU5KfoR5SvB9qDKOsrhcxEyvU7wmkS_y7/s1600/s_top180.png',sizingMethod='crop');font-size:1em;padding:4px 5px 1px 5px;width:180px;}

html>body div.subscribe div.top{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-XyTjsncBnbcd5dyXVPusHIemAqt7Mi2KKox3NoXSC6YHnBpQ91PeWkdOKbp6NPuzg44j2HKQ3nT2tRw_DTAhoC4UZn_CY18Y376LzyheHNSNU5KfoR5SvB9qDKOsrhcxEyvU7wmkS_y7/s1600/s_top180.png) top left no-repeat;background-color: transparent;}

div.subscribe div.bottom{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgV_wtFJ1Y9TVjbbSd2-c2_zsoU0tH9kXChxJejruo4GLxSqxknuU0RfFTf1Hk8lTpKaCVNQxOSY6ZLpV6OsMT1_uFb8rx-8G5AGvoqDGBGjN7dbYBJLRYQ7GSyO_WS5VjsyAftNpzSrVgU/s1600/s_bottomx180.png',sizingMethod='crop');height:3px;font-size:3px;line-height:0;}

html>body div.subscribe div.bottom{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgV_wtFJ1Y9TVjbbSd2-c2_zsoU0tH9kXChxJejruo4GLxSqxknuU0RfFTf1Hk8lTpKaCVNQxOSY6ZLpV6OsMT1_uFb8rx-8G5AGvoqDGBGjN7dbYBJLRYQ7GSyO_WS5VjsyAftNpzSrVgU/s1600/s_bottomx180.png) bottom left no-repeat;width:180px;margin-bottom:0;padding-bottom:0;}

Resultado:

No se os olvide visitar el blog de Vku donde encontraréis muchos trucos y cosillas interesantes y donde podéis contar con su ayuda si algún problema tenéis para aplicar cualquiera de sus "trucos".

Tampoco estaría mal si vais a usar el "truco" de esta entrada, le dejaseis a Vku un comentario de agradecimiento en su blog en lugar de en este post.

ENTRADA ORIGINAL:¿Cómo se hace?