CSS Como hacer el Texto en forma de Teclado con CSS
Para muchos el diseño y la plantilla es lo mas importante, hace que nuestros lectores se interesen y vuelvan a visitar el blog. En este tutorial les mostrare como crear el efecto de una tecla solo con CSS. No es con imagen lo que hará que su blog carga mas rápido



Como agregarlo a Blogger

  • Paso 1: Vamos a Blogger>>Plantilla>>Edicion HTML
  • Paso 2: Buscamos esta linea (Ctrol + F)
]]></b:skin>
  • Paso 3: Justo por encima de ]]></b:skin> pegamos el codigo CSS
/*****************************************
Teclado Estilo 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;
} 
  • Paso 4: Guardamos los cambio efectuados. 

Ahora lo unico que queda es agregarlas a nuestras entradas  solo 

  • Escriba el anuncio que desee aplicarle 
  • Después de escribir, agregue antes y después del texto que desee agregar el texto 
  • Quedaría de la siguiente manera 
<kbd>Texto</kbd>
Ejemplo

Buscamos las siguientes lineas con <kbd>Ctrol</kbd> + <kbd>F</kbd>


- - 0 Comentarios
Tag

Comentarios (0)

:))
:((
:D
:(
:)
:-)
;)
=))
:p
=.=
==
^_^
/=he
:*
/=r
/=l
:v
/=ok
/=clap
(y)
(yy)
/=hi
/=j
/=hup
/=hd
/=hl
/=hr
/=s
<3

Instrucciones Para omentar

Incertar Enlace

Utilice el codigo <a href='LINK'> EJEMPLO </a>

Cargar Imagen

[img] LINK_ANH [/img] -Use el codigo para cargar una imagen.

Formato Word

<b> negrita </b>
<i> cursiva </i>
<u> texto subrayado </u>
<strike> texto tachado </strike>

Insertar un Fragmento de codigo

Primero use esta herramienta para codificar el codigo que quiera agregar.
Luego utilice el codigo [code] CODIGO HTML [/code]

Cerrar