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/AVvXsEiZQ1vncfsZPffl8h2kz5Lx_JtjYrSgg6UaaazNs0XMW8bt-NGPqDsvApCY1Gfp6n3vcuFi3OaF3WSFt9fEvHXAE81N1Q_c_heBCtemHLDVNsN4KLWjnM7uAgb1qr_VcdDa8tdR-A0xtXeI/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/AVvXsEiZQ1vncfsZPffl8h2kz5Lx_JtjYrSgg6UaaazNs0XMW8bt-NGPqDsvApCY1Gfp6n3vcuFi3OaF3WSFt9fEvHXAE81N1Q_c_heBCtemHLDVNsN4KLWjnM7uAgb1qr_VcdDa8tdR-A0xtXeI/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/AVvXsEjqegO91JPbJi9c8Jc8JVKB3YIZM58lwYLMaq4JgVrSh0jKvnTgZXtQ8ocSDrRYN7iFBmfh3-6gQvfeQkZweR54Bi99WwLb_kltUhinVbX5dVFoxrS0Kc4ExTpVkgS7YuJ5VhsfkeDL3SHK/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/AVvXsEjqegO91JPbJi9c8Jc8JVKB3YIZM58lwYLMaq4JgVrSh0jKvnTgZXtQ8ocSDrRYN7iFBmfh3-6gQvfeQkZweR54Bi99WwLb_kltUhinVbX5dVFoxrS0Kc4ExTpVkgS7YuJ5VhsfkeDL3SHK/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?