[Tutorial]Como personalizar el Follow by Email

Holaaaque tal? espero que estéis pasando un buen fin de semana aunque sea estudiando como yo pero bueno aunque tenga poco tiempo siempre puedo sacar un hueco para publicar& el tutorial de hoy es como personalizar el Follow be Email que sale muy feo por defecto pero yo os voy a enseñar a como personalizarlo tal que así

• Plantilla
• Edición HTLM
• Ctrl+F & buscáis & pegáis antes de ]]></b:skin>

#FollowByEmail1{
background:#ffffff; /*Color de fondo del gadget*/
}
.FollowByEmail .follow-by-email-inner .follow-by-email-address { /*Donde se escribe el correo*/
text-align:center;
width:100%;
padding:3px 0;
margin-left:-2px;
border:1px solid #dadada; /*Borde de la caja*/
box-shadow: inset 0 0 16px #c1c1c1, 0 0 0px #c1c1c1;  /*Sombra de la caja*/
border-radius:5px;
border: 1px solid #c1c1c1;
font: normal normal 13px ABeeZee; /*Fuente y tamaño que queremos usar*/
color:#9a9a9a; /*Color de las letras de dentro de la caja*/
}
.FollowByEmail .follow-by-email-inner .follow-by-email-submit { /*Botón para suscribirse*/
width:100%;
margin-left:0;
border-radius:0;
-moz-border-radius:0;
padding:7px 0px;
height:auto;
background:#98b1d7; /*Color de fondo del botón*/
border:1px solid #6b8bba; /*Borde de la caja*/
box-shadow: inset 0 0 16px #6b8bba, 0 0 0px #6b8bba;
border-radius:5px;
font:normal normal 13px ABeeZee; /*Fuente y tamaño que queremos usar en el botón*/
color: #ffffff; /*Color de las letras del botón*/
}
.FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover {
background:#dadada; /*Color de fondo del botón cuando pasas el ratón por encima*/
border:1px solid #c1c1c1; /*Borde del boton*/
box-shadow: inset 0 0 16px #c1c1c1, 0 0 0px #c1c1c1;  /*Sombra del boton*/
color:#818181; /*Color de las letras del botón cuando pasas el ratón por encima*/
}

Espero que este tutorial os haya gustado como veís deja un efecto bastante bonito & podéis ponerle los colores que mas os gusten, ahora me despido un gran gran abrazo & nos vemos en la próxima entrada