**No dudes en dejar comentarios o alguna sugerencia** El Blog de J.Guti.: enero 2008

Etiquetas HTML-4

martes, 29 de enero de 2008

Atributos:

ALIGN="..."--Fija el alineaminto. Por ejemplo: "center", "right", o "left".



<EM>...< /EM>

El texto se muestra en cursivas (Itálicas).



<FONT atributo=">...< /FONT>

Fija las propiedades y el tipo de letra del texto que contiene.



Atributos:


[]Seguir Leyendo..


    SIZE="..."--Fija el tamaño de las letras desde valores entre 1 y 7 donde 3 es el valor por omisión. Se puede especificar



    valores relativos, ejemplo. SIZE=+3 .

    COLOR="..."--Especifica el color de las letras.

    FACE="..."--Especifica el tipo de letra. Se puede definir una lista separada por comas. Por ejemplo: Arial, Verdana, etc.



    <HR atributo1="..." atributo2="...">

    Inserta una líea horizontal.



    Atributos:

    SIZE="..."--Especifica el grosor de la línea.

    COLOR="..."--Especifica el color de la línea.(IE)

    WIDTH="..."--Especifica la longitud de la línea como porcentaje de la página, ejemplo. WIDTH=70% .

    ALIGN="..."--Especifica el alineamiento: RIGHT, LEFT, o CENTER.

    NOSHADE--Muestra la línea como sólido.



    <I>...< /I>

    Presenta el texto encerrado como Itálicas.



    <KBD>...< /KBD>

    Especifica el texto a ser entrado por teclado. El texto se muestra en negritas y de tamaño fijo.



    <LISTING>.....< /LISTING>

    Muestra texto en tamaño fijo. Obsoleto -- se usa el comando PRE.



    <MULTICOL>.....< /MULTICOL>

    Muestra un texto en columnas.



    Atributos:

    COLS="..."--Especifica el numero de columnas.

    GUTTER="..."--Especifica el numero de pixels entre columnas.

    WIDTH="..."-- Especifica el ancho de las columnas.



    <NOBR>.....< /NOBR>

    El texto que lo contiene no se trunca en la pantalla.



    <P atributo>...< /P>

    Diseñado para encerrar texto de un parrafo. El cierre es opcional.


Publicado por Guti en 20:31 0 comentarios  

Pulsar para oir post hablado

Inicios de Internet

jueves, 24 de enero de 2008

Publicado por Guti en 23:17 0 comentarios  

Pulsar para oir post hablado

XHTML y CSS

Recogido de la página de La Blogueria, por medio de la de la Web Scribd,
este manuel de XHTML y CSS

Publicado por Guti en 22:48 0 comentarios  

Pulsar para oir post hablado

Etiquetas HTML-3

Estructuras basicas HTML-3

[]Seguir Leyendo



    Atributos:

    ACTION="..." Especifica la ubicación del puerto del programa donde se pasará los parámetros de busqueda.

    PROMPT="..." Especifica un mensaje alterno para el diálogo.



    Formato General:

    <ADDRESS>.....< /ADDRESS>

    Encierra el archivo de firma del autor de la página. El texto se muestra en Italicas.



    <B>...< /B>

    Resalta en Negritas el Texto encerradot.



    <BIG>...< /BIG>

    Incrementa el tamaño del Texto.



    <BLINK>.....< /BLINK>

    Hace el texto parapadeante.



    <BLOCKQUOTE>.....< /BLOCKQUOTE>

    Encierra un enfasis. El margen izquierdo y derecho están indentados.



    <BR>

    Inserta un final de línea.



    Atributos:

    CLEAR="..."--Causa que el texto alrededor de la imagen se elimine. Los valores posibles son: RIGHT, LEFT, o ALL.



    <CENTER>.....< /CENTER>

    Centra los objetos que contiene. Este comando puede centrar cualquier cosa incluyendo imagenes, texto, tablas, formularios,

    etc.



    <CITE>.....< /CITE>

    Encierra una Cita como un titulode un libro,etc.



    <CODE>.....< /CODE>

    Encierra Codigo de ejemplo. El texto se muestra en letras pequeñas.



    <COMMENT>.....< /COMMENT>

    Define un comentario. Todo el texto es ignorado aun si incluye codigo HTML.



    <DFN>.....< /DFN>

    Encierra una definición. El texto dentro de este comando se formatea como una definición.



    <DIV ALIGN=">...< /DIV>

    Especifica el alineamiento de los elementos que contiene. Se puede usar para dividir el documento que tiene secciones



    alineadas en forma diferente.


    []Cerrar



Publicado por Guti en 1:30 0 comentarios  

Pulsar para oir post hablado

Etiquetas HTML-2

miércoles, 23 de enero de 2008

Estructuras Basicas HTML-2

[]Seguir Leyendo


    ATRIBUTOS





    ALINK="..." Especifica el color de las Direcciones activadas en la página.

    BACKGROUND="..." Especifica el papel tapiz de la página. un Archivo *.jpg o *.gif.

    BGCOLOR="..."Especifica el Color del Fondo del Documento.

    Los colores son expresados en formato RGB(Red, Green,Blue), donde cada color tiene un valor desde el 0 (0) hasta el 255 (FF).



    Amarillo = #FFFF00

    Azul = #0000FF

    Azul Claro = #00CCFF

    Blanco = #FFFFFF

    Gris = #CC9999

    Lila = #CC33FF

    Negro = #000000

    Rojo = #FF0000

    Verde = #00FF00



    BGPROPERTIES=FIXED Fija la imagen del Fondo para que no se desplace. (IE)

    LEFTMARGIN="..." Especifica el margen Izquierdo de todo el documento.(IE)

    LINK="..." Especifica el color de las direcciones contenidas en el documento.

    TEXT="..." Especifica el Color del texto.

    TOPMARGIN="..." Fija el margen superior de todo el Documento.(IE)

    VLINK="..." Especifica las direcciones visitadas, incluidas en el Documento.



    <BASEFONT atributo= " ">

    Fija los atributos de escritura en toda la página.



    ATRIBUTOS

    SIZE="..." Fija el tamaño de las Letras, se usa un número entre 1 y 7 donde el 3 es el tamaño por omisión. Tambien permite



    tamaños relativos, e.j. SIZE=+2 .

    COLOR="..." Especifica el color de las Letras en todo el Documento.

    NAME="..." Especifica el tipo de apariencia de la Letra en todo el Documento.



    <Hn>...< /Hn>

    Especifica un encabezado de texto de varios tamaños, n indica los tamaños de 1 a 6, 1 es el más grande y 6 es el más pequeño.



    <ISINDEX>

    Muestra un diálogo de indice de busqueda. Con este comando solamente no se puede crear una pagina de busqueda, el Servidor



    debe ser configurado para soportarlo.



    []Cerrar




Publicado por Guti en 1:00 0 comentarios  

Pulsar para oir post hablado

Etiquetas HTML

martes, 22 de enero de 2008

Estructuras Basicas

[]Seguir Leyendo




    ESTRUCTURAS BASICAS



    <!-- ........ -->

    Para escribir comentarios, los cuales son ignorados por el Navegador.



    <HTML> ... </HTML>

    Indica que es un documento HTML, debe encerrar todo el Documento.



    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">

    Encabezado de todo documento de la version HTML 3.2.



    <HEAD> ... </HEAD>

    Encabezados del Documento. Los siguientes son los parámetros del Comando head.



    <title> ... </title>

    Indica el Titulo del Documento. Aparece en la ventana del Navegador.



    <Base href="http://servidor.tipo/nombre.html">

    Especifica la dirección del Documento por defecto en Uso. Util cuando se hace referencia a otra página dentro del Documento.



    <Base href="http://servidor.tipo/nombre.html" Target="...">

    Indica el "Frame" por defecto de la página actual.



    <Meta attributo1, attributo2>

    Este comando describe algunas caracteristicas del documento. Por ejemplo:



    <Meta http-Equiv="Refresh" Content=ss>



    Actualiza la pagina cada ss segundos.





    <Meta http-Equiv="Refresh" Content=ss url="http://servidor.tipo/nombre.html">



    Llama una página diferente a los ss segundos.



    <Meta http-Equiv="Expires" Content="Sun, 10 Sep 1998 06:23:00 GMT>



    Expira el documento a la fecha indicada y debe ser actualizada.



    <Meta http-Equiv="Keywords" Content="Clave1, Clave2,..">



    Especifica palabras claves para los buscadores de la Red.



    <Meta http-Equiv="Description" Content="Describa su página aquí ..">



    Especifica una descripción general de su página.





    <BODY attributo1=".." attributo2=".."> ... </BODY>

    Contiene el cuerpo del Documento, o el contenido de la Página.



    []Cerrar





Publicado por Guti en 22:03 0 comentarios  

Pulsar para oir post hablado

VideoTutorial

lunes, 21 de enero de 2008

Publicado por Guti en 23:38 0 comentarios  

Pulsar para oir post hablado

101 Tips

101 Tips para ser un buen bloguer

• Si aún no, empieza a bloguear hoy
• Escribe sobre algo que ames
• Si empiezas a bloguear en serio compra tu propio dominio
• Asegúrate que el nombre del dominio es igual al nombre del blog
• Un nombre corto y fácil de recordar.
• Usa Blogger
-Fuente: Cabalas

[]Seguir leyendo...



    • Usa Wordpress y sus plugins.
    • Bloguea consecutivamente
    • Escribe al menos 5 posts por semana
    • Corrige y escribe bien sin falta de ortografías
    • La Sidebar cuanto menos imágenes mejor
    • Interactúa con otro bloggers
    • Deja comentarios significativos
    • Contesta a tus visitantes en los comentarios
    • Si el blog te sirvió deja siempre un comentario
    • Haz un backup de tu blog (recomiendo uno cada semana mínimo)
    • Deshazte del calendario del SideBar
    • Encuentra tu hueco sabiamente.
    • Participa en foros online
    • Pon un link a tu blog en la firma
    • Haz ligero tu blog y que cargue rápido
    • El contenido es el rey
    • Personaliza tu Plantilla o Témplate
    • Pon la Vía o en Enlace del Post
    • Simplifica la manera de llegar
    • Apaláncate en los enlaces sociales
    • Juega en redes de blogs
    • Escribe listas de “TOP 10″
    • Haz que tu Blog sea rápido al abrirse
    • Usa pings
    • Escribe con tus Propias Palabras el Post
    • Haz tus artículos cortos y rápidos
    • Introduce tu blog en Directorios
    • Si el Blog te gusto mételo entre tus links
    • Usa FeedBurner
    • Usa tu sentido del humor
    • Sé generoso
    • Anima a tus lectores a que se suscriban
    • Ten algunos posts en borradores para las emergencias
    • Anima tus lectores a que envíen tus posts a Digg, Meneame,…
    • Pon un enlace RSS en cada página.
    • Usa post en “serie”
    • Devuelve comentarios
    • Devuelve Links
    • Usa fuentes legibles
    • Visita de vez en cuando blogs nuevos y salúdales
    • Haz que el Leer Mas de los post se abra en la misma página
    • Haz un Blog INTERESANTE, y luego piensa en ADSENSES
    • Piensa bien en la temática del blog y sigue esa línea
    • Usa Google Analytics
    • Usa Histats para ver tus visitantes, no tiene publicidad en pop ups
    • Haz entrevistas por correo
    • Sé tu mismo, si puedes pon tu nombre de verdad
    • Evita el contenido duplicado de los post por no observar
    • Usa un lector RSS
    • Lee el máximo de blogs posibles
    • Céntrate en el contenido y no pongas nada que no esté relacionado
    • No olvides los blogs que te gusten
    • Pon una foto tuya en alguno de tus blogs
    • Créate tu propia página de publicidad
    • Usa Meta Tags prudentemente
    • Aprende lo básico de Html
    • Usa imágenes siempre que puedas dentro de los Post
    • Crea Encuestas para tus lectores
    • Coloca la publicidad siempre que tengas un blog interesante
    • Sé paciente no quieras ser Famoso en unos meses
    • Considera tener un compañero/a para ayudarte en el blog
    • Envía artículos a los directorios os recomiendo Corank
    • Comparte tu trabajo propio con otros blogs
    • Comparte lo que has hecho para otros
    • Lee BlogEsfera e inscríbete
    • No abarrotes tu sidebar con iconos tu blog se hace lento al abrir
    • Deshazte de las laaaargas listas de blogroll o simplifícalas
    • Experimenta toda clase de trucos html en un Blog de Pruebas
    • Technorati te hace saber quién puso algo relacionado con tu blog
    • Enlaza a otros blogs siempre que sea posible
    • Haz fácil que tus lectores contacten contigo
    • Usa Títulos que se sepa de que va el post con una simple mirada
    • Ofrece suscripciones por mail
    • Contesta siempre a las preguntas
    • Contesta siempre a los comentarios
    • No te olvides de Blogger Draft
    • Activa la suscripción a los comentarios
    • Ofrece herramientas y links
    • Escribe con un toque personal
    • Conviértete en un experto en tu materia
    • No dependas de los enlaces a posts
    • Siempre aporta tu opinión
    • Usa colores simples
    • Participa en proyectos de blogs
    • Conoce a otros bloggers personalmente
    • Lista tus productos favoritos
    • Ten voz
    • Organiza tus categorías
    • Habla directamente con tus lectores
    • Crea una estructura de URL eficiente
    • Pon enlaces funcionales en el pie
    • Sé creativo-@, adapta las ideas aprendidas para crear tú
    • Pon videos que vayan relacionados con tu blog
    • Considera añadir PodCasts
    • Crea una lista de “101″ propia, si eres capaz!!


    []Cerrar



Publicado por Guti en 18:01 0 comentarios  

Pulsar para oir post hablado

Plantilla Tipoxp

viernes, 18 de enero de 2008

Blogger XML template tema -"tipoxp"
Plantilla a 3 columnas, con un diseño excepcional



Ver Demo
Código:



Vincula desde tu Blog este Post!Photobucket

Publicado por Guti en 20:06 0 comentarios  

Pulsar para oir post hablado

Reflejo Imagenes

jueves, 17 de enero de 2008





El efecto reflejo en las imagenes es algo que podemos aplicar para variar la presentación de las mismas y queda bastante bien y a la vez es una manera diferente de verlas


Código:


Para ello aplicamamos el siguiente código antes de -/head-:
<script src='http://blogdecesar.googlepages.com/reflection.js' type='text/javascript'></script>

y luego en cada entrada pondremos este otro:
<img src="dirección de foto" class="reflect"/>

Publicado por Guti en 22:03 0 comentarios  

Pulsar para oir post hablado

Plantilla Neo

martes, 15 de enero de 2008

Plantilla Neo vista en la página de Cesar de 3 columnas bastante proporcionadas entre si las tres.Además lleva incorporado en los post la instrucción de "Leer más".Plantilla por otra parte muy ràpida en pasar de un archivo a otro. Un bonito diseño a tener en cuenta


Ver Demo
Código
Vista en :El Blog de Cesar

Publicado por Guti en 23:28 0 comentarios  

Pulsar para oir post hablado

Carteles






TEXTO, TEXTO, TEXTO, TEXTO



Fondo Celeste

Publicado por Guti en 13:23 0 comentarios  

Pulsar para oir post hablado

Plantilla Styleicious


Plantilla Blogy-Syleicious - Blogger xml template tema layout
Plantilla BlogyStyleicious con un bonito diseño. Un diseño a 3 columnas dos de ellas en el sidebar derecho.Perteneciente a la familia de Blogy, todas a cual más bonitas
Ver Demo
Código
Ported byBlogandweb

Publicado por Guti en 11:04 2 comentarios  

Pulsar para oir post hablado

Doble título

lunes, 14 de enero de 2008

Una forma de poner un texto o simplemente para poner un determinado titulo
y que se vea doble, es el código que publica hoy en el blog de Gem@
primeramente vamos a plantilla, editamos y añadimos el siguiente código justo antes de este:
]]></b:skin>
añadimos este otro:

h5{margin: 0;font-weight: normal;color: #e6cbdb;font-size: 2.1em;position: relative;}h6{margin: 0;display: inline;position: relative;top: -.5em;left: 1em;font-size: 1.5em;font-weight: normal;color: #6c1e4b;}



Después cada vez que queramos ver texto "Doble", añadiremos lo siguiente bien en una entrada o en nuestro -sidebar-
<h5>Aquí texto</h5>

<h6>Aquí texto</h6>



Ejemplo:
Doble título
Doble titulo

Publicado por Guti en 18:57 0 comentarios  

Pulsar para oir post hablado

Enlaces en pagina

Enlaces dentro de la misma página


Para poner enlaces dentro de la misma página,funciona muy bien este truco.Primero se pone el enlace de referencia y después el de destino.



Primero pones el enlace de referencia

<a href="#1">Ir a mi post</a>



Después el de destino

<a id="1"/>Mi post</a>

Ejemplo:
Primero pones el enlace de referencia
Ir a mi post

Después el de destino
(Mi post) llamado desde la instrucción de arriba


Publicado por Guti en 18:07 0 comentarios  

Pulsar para oir post hablado

Blanco o negro

viernes, 11 de enero de 2008

Página interesante para guardar toda clase de documentos y otros

Publicado por Guti en 11:04 0 comentarios  

Pulsar para oir post hablado

Plantilla Wow

martes, 8 de enero de 2008


wow - Blogger xml template tema layout
Nueva plantilla Wow. Un diseño a 3 columnas dos de ellas en el sidebar derecho.
Ver Demo
Código
Ported byJack Book

Publicado por Guti en 18:49 0 comentarios  

Pulsar para oir post hablado

Enlaza este Blog

sábado, 5 de enero de 2008

Esto será bastante util para poner una cajita de texto dentro de tu blog para que te puedan copiar el código y así te puedan enlazar el blog mediante una imagen y cajita de texto. Les muestro en el siguiente enlace un "generador de código para tus visitas":
Ver Ejemplo:

Link-Me






Generador Código

Publicado por Guti en 12:11 1 comentarios  

Pulsar para oir post hablado
 
Comentarios