Editar diseños en la coctelera - Parte 1

Pequeño tutorial para los usuarios de la coctelera, para hacer un diseño a gusto de cada uno...

Cambiar el titulo
Se puede hacer con letras poniendo codigo html o haciendo un link hacia una imagen que seria el avatar.

- Letras con html
Con HTML no cabe mucho en titulo pero en descripción puedes poner muchísimo html muy wapo.... en tus manos esta recortar las distintas etiquetas para dejarlo a tu gusto...
En donde pones el titulo tienes ke poner (kita el espacio entre el < y el span):
< span style="color: #CCCCCC; font-size: 9pt; letter-spacing: 1px">ChronosBlog
y apareceria esto:
C h r o n o s B l o g

ahora para ke entiendas:
span es para un estilo y no se cambia

style es para definir estilos, los mismos ke en las css, debes separarlos entre ;
los mas basicos son:

"text-align: right;" -> es para alinear el texto, se puede poner:
"left" (izquierda)
"center" (centro)
"right" (derecha)

"font-size: 9pt;" -> tamaño de las letras, puede ser 1,2,3,4,5.... lo ke kieras y en vez de pt puedes poner tambien px (para los ke saben, he dicho lo mas basico ¬¬)

"color: #CCCCCC;" -> color de las letras, elije un color en hexadecimal y sustituye por CCCCCC, obligatorio la almohadilla (#) (tambien puedes poner un color en ingles: red, green, blue, black, white.... y no poner la almohadilla antes), (tu@.com ofrece el servicio de elejir un color, con su vista previa aki, ademas de otros servicios para webmasters)

"text-decoration: none;" -> decoración del texto, va cojonudo con los enlaces ^^. puedes poner:
none -> nada
bold -> negrita
underline -> subrayado
italic -> cursiva

"font-family: Verdana;" -> fuentes ke tenga instalado el servidor... usa las mas usuales como verdana, times new roman, helvetica, etc. porke si no la tiene dara errores

"letter-spacing: 1px;" -> lo ke mas me gusta, espacio entre letras, en vez de poner espacios, pones esto y es mucho mejor. puedes poner 1,2,3,4...

-----

Hasta aki el mini curso de css con html

-----

- Imagenes

en vez de calentarte la cabeza con html (ke no cabe todo lo ke kieres), te vas a nuevo articulo, incluir archivo, y subes la foto (hasta 1 mega). copias el codigo ke te da y te vas a titulo
pones (sin el espacio entre < img...) < img src="http://www.lacoctelera.com/tublog/nombre-de-la-img.formato" />
tienes ke sustituir el nombre-de-la-img.formato por el nombre de la imagen ke hayas subio y de formato lo ke pones depues del . (es un tutorial muy para noobies) ejemplo: miavatar.jpg
nombre de la img: miavatar
formato: .jpg

si kieres centrar la imagen pon (sin el espacio entre < y center) < center> antes de y despues de poner la imagen tienes ke poner (sin el tipico espacio...) < /center> porke si no el resto de la pagina estara centrada...