18/1/15

[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íimage
  • 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 

12 comentarios:

  1. Muy buen tutos saludos me gustaria que me ayudaras a tomaar una desicion lo que pasa es que como has visto linda mi blog tuvvo un error y lo tuve que cerrar me podrias ayudar a tomar una decicion de abrir otro blog tu me ayudarias ? juro que serias un angel para mi linda besitos chinnix !

    Email : chinnixchiniblog@gmail.com

    ResponderEliminar
  2. No creo que esos tonos combinen bien con mi blog, pero desde luego es un tutorial perfecto. Una vez más, muchas gracias por tus explicaciones.

    Un besazo.

    ResponderEliminar
    Respuestas
    1. oohh pero puedes cambiarle el color eso es solo el efecto de como queda pero le puedes cambiar el color

      Eliminar
    2. hay apginas dodne escoges un color y te dice comoe s en codigo html y buscas dodne dice en el segundo "color #1234 " (el nuemro me lo invente,e se no es) y cambais el nuemro pro el del color que quieras

      Eliminar
  3. Es cierto! El que sale por default es my feito ):
    Por eso no lo usaba, pero con éste tutorial me animaré (:
    Gracias! ♥
    Saludos! ♥
    http://wingsofanne-sophie.blogspot.com/

    ResponderEliminar
  4. Que genial! Gracias por compartir el tuto x3
    Saludos!!! Amary

    ResponderEliminar
  5. Otimo tutorial ^ ^ Com certeza eu use no meu proximo layout... Parabens... Muito perfeito ^ ^
    Kissus da Isa
    By || Doce bunny ||

    ResponderEliminar
  6. Gracias por el tutorial!
    Estas nominada a un Tag en mi blog:
    http://todocreadoparati.blogspot.com.ar/2015/01/tag-un-tamagotchi-en-mi-blog-al-estilo.html

    LARITA~

    ResponderEliminar

Holaa!! muy buenos días-tardes-noches espero que te haya gustado la entrada & si me dejas una huellita estaría muy agradecida.
Si tienes alguna duda no te olvides de mandarme un mail a mi correo o bien hacerlo por medio de la sección de dudas
candelaaisiska@gmai.com