lunes, 4 de febrero de 2013

COMO HACER TUS TEXTOS CON EFECTO DE TECLADO

El diseño del Blog y la plantilla es uno de los factores  más importante para todo blog.Ello  hace que los lectores vuelvan a visitar una y otra vez tu blog y también hace que su blog sea único entre otros.Ahora voy a dar un truco para crear un texto de manera singular con una bonita apariencia.Este CSS no afecta su velocidad ed blog ya que no utiliza imagenes :)
VER LA DEMOSTRACIÓN

Cómo agregar En Blogger?

1.) VAYA A SU  BLOGGER DASHBOARD

2.) ABRA SUS HERRAMIENTAS DEL BLOG.

3.) VAYA A HTML.

4.) Click "Editar HTML"

6.) AHORA HAGA LO SIGUIENTE.


7.) ENCUENTRE ESTA LINEA USANDO LA FUNCION Ctrl+F .


 ]]></b:skin>

PEGAR EL CODIGO CSS SOBRE ESA LINEA

/*****************************************
Keyboard Style CSS
******************************************/
kbd{
border:1px solid gray;
font-size:1.2em;
box-shadow:1px 0 1px 0 #eee, 0 2px 0 2px #ccc, 0 2px 0 3px #444;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
margin:2px 3px;
padding:1px 5px;
}

Su utilización en los textos:

Para su aplicación correcta en los posts de blogger, siga estos pasos cuidadosamente.
  • Escriba su enunciado entero
  • Después de terminar el mensaje, agregue este código antes y después del texto que desea agregar el efecto. 
  • Un ejemplo sencillo se ve así.
<kbd>  texto para dar efecto </ kbd>

Espero les haya gustado este Post y
no se olvide de compartir esto con tus amigos! NOS VEMOS PRONTO