Directorio de Blogs. Blogs en español

Sin esta mujer de 31 años de edad, este sitio no existiría, esto por tres razones principales: 

En primer lugar, está en el origen de la idea de crear una novela y un sitio inusual de promoción dedicada al navegador Firefox mediante la creación de una campaña de mezcla glamor, humor y esteticismo.

En segundo lugar, en el equipo de Femfox.com, contribuye en la búsqueda de ideas para el diseño visual de la campaña, ayudado por "El fotógrafo".
Por último, por último pero no menos importante, es el modelo exclusivo para toda la campaña se presenta en este sitio.

En cuanto a este punto, no está en todas un modelo profesional y su trabajo está muy distante de la moda, los medios de comunicación y el mundo de la publicidad. En consecuencia, este sitio es su primera experiencia y espera que este proyecto tendrá un cierto éxito y humildemente contribuir a difundir la palabra acerca de Firefox.

Un sitio Web que promociona al navegador Mozilla Firefox desde un punto de vista más femenino, estético y glamoroso.

Una de sus formas de promocionar y promocionarse, son esas locas cosas que tiene Firefox.

Este sitio web, nació de una iniciativa personal (¿Por qué este sitio?), Presenta una campaña de publicidad oficial para el galardonado navegador web Firefox.

Esta campaña de publicidad de mezcla el glamor, el humor y la estética, está formado por un conjunto de imágenes, cada uno de ellos se llama un "episodio". Cada episodio combina la fotografía visual con un eslogan que aspira a despertar la curiosidad de los visitantes en Firefox.

 

Uno de los objetivos de este sitio está evolucionando con regularidad. El "Femfox sección de noticias contiene varios artículos con un resumen de su actividad. Además, un feed RSS le permitirá conocer las noticias e información importante relacionada con el sitio web.
Lanzada el 1 de febrero de 2006, presentado Femfox.com los seis primeros episodios de la campaña. A partir de ese momento, nuevos episodios se dará a conocer con aproximadamente un episodio al mes. En el caso de acontecimientos especiales en la escena de Firefox, los materiales adicionales serán publicados.

Por último, esta campaña está disponible en primer lugar, como fondos de pantalla a continuación, en el futuro próximo, Femfox.com se ampliará para incluir protectores de pantalla de promoción.

Una forma singular de promocionarse:

Y aquí el enlace de la web:  FemFox

?A veces, extremadamente? somos rebeldes con el amor, y podremos dibujarlo, o transcribirlo en un papel tantas veces como suene en la cabeza, de cualquier forma olvidamos su esencia??

Si olvidamos el temperamento, la frustración, o esas cosas inexplicables que suceden pero no podemos evitarlas? podríamos darnos cuenta que a veces es mejor hablar con una mirada, lo que no se puede decir, ? para que el amor no se vuelva rebelde, como nuestro carácter?

Dicen que lo que no mata te fortalece?

Una imagen muy conceptual, no suelo editar este tipo de connotaciones emotivas pero, me inspire de alguna manera por así decirlo, en la imagen que me paso una amiga, gracias Rebi.

Aquí su CV de su página traducido poro Google:

Sus diseños:

Su web:

En la actualidad existe una variedad de clientes de correo que, resultaría tedioso nombrar cada uno de ellos pero, como todos sabemos existen aquellos que se consideran los más populares o conocidos.

Entre uno de ellos se encuentra el programa Outlook Express.

Este programa pertenece a los chicos de Micro$oft © y viene incluido en el Sistema Operativo Windows XP, pero requiere de ciertas actualizaciones para llegar a la versión 6.

Indistintamente de la versión que posean 5 o 6, la metodología de configuración y el agregado de cuentas de correo no varia en grandes aspectos.

Hubo un tiempo que los chicos de Micro$oft prohibieron el uso de este programa como gestor de cliente de correos, en realidad no prohibieron, sino que su uso era pago lo cuál perdió muchos adeptos. Se debía tener incluso para algunos casos una cuenta de correo Hotmail Pro, también un servicio pago.

Actualmente este programa no tiene mucha difusión y no se usa mucho, pero es el más sencillo de entender a la hora de configurar la cuenta de correo que se pretende utilizar.

Si bien es un programa robusto y sencillo posee varias utilidades y herramientas para la configuración.

El primer paso es iniciar el programa , eso se hace a través del menú Inicio:

dependiendo de donde se halle el icono de acceso directo lo encontrarán?

Si no pueden encontrar el icono, simplemente en el menú Inicio Presionan en Ejecutar:

Y escriben el siguiente texto: msimn

y luego presionan el botón ?Aceptar?

Esta es la apariencia del programa.

Para agregar un cuenta solo deben tildar el Menú ?Herramientas?, luego en la opción ?Cuentas?

Luego aparecerá el cuadra de diálogo de cuentas de Internet:

Para agregar una cuenta de correo presionar sobre el botón ?Agregar?, luego en la opción ?Correo?

Y aparecerá el Asistente para agregar la cuenta:

Como primer paso agregar el nombre que identifique la cuenta, por ejemplo: Juan

y presionar sobre el botón Siguiente >

Luego la cuenta de correo:

y presionar sobre el botón Siguiente >

para poder recibir un e-mail se requiere de un servidor de correo entrante, sin entrar en detalles técnicos donde dice ?Servidor de entrante (POP3, IMAP o HTTP)? ingresar: pop3.live.com

Así como también para enviar un e-mail se utiliza un servidor de correo saliente:

en este caso ingresar: smtp.live.com

Aclaración: esta configuración es para cuentas con dominio @hotmail.x.x y @live.x.x

donde ?x? es el país o el subdominio.

Luego el nombre de la cuenta y la contraseña, y presionar ?Siguiente >?

Click en ?Finalizar?

Luego en el cuadro aparecerá la cuenta:

Luego click! en el botón ?Propiedades?

En la solapa ?Servidores?

Click! en el botón ?Configuración?

Solapa: ?Conexión?

Solapa: ?Opciones avanzadas?

Luego presionar sobre el botón ?Aceptar?

y desde el botón ?Enviar y recibir? comprobar si todo funciona correctamente?

Suerte y no manden mucho SPAM, jaja

?Aequam memento rebus in arduis servare mentem per ut militia est vita hominis super terram??

Otro diseño de mi auditoria, en realidad es un foto-montaje que intenta revelar o representar que, entre otras cosas un hombre debe disfrutar del sabor de una mujer hasta que la bestia de las profundidades la alcance y ella muera? siempre conservando su belleza, bajo sombras y a espalda de los valores.

Es un montaje real sobre uno conceptual explícitamente en una imagen dividida en dos.

A medida que vamos explorando por cuenta propia la aventura de llevar a cabo día a día los menesteres de un blog, nos encontramos con diversas herramientas que posibilitan su utilización tanto a nivel en línea, como así también por medio de descarga. En éste caso estoy hablando de generadores en línea, que si bien hay muchos en la red, pocos cumplen con lo que buscamos o bien, no poseen aquello que nos interesa.
Hace unos días paseando por la red (Webeando) encontré un site que me pareció bueno compartirlo...

El sitio se hace llamar pookatoo.com, donde posee un sistema para generar una imagen a través de un texto que al ingresarlo, nos genera dicha imagen final.

Este es un ejemplo:

Imagen Nº1

Si bien a la hora de opinar decimos: "Si! es solo un generador de imagen mas en la red...". Yo opino lo mismo, solo que hurgando un poco encontré algunas características que otros generadores aún no tienen (O yo no las he visto...)

Esas características, tienen para mí ventajas, y también desventajas que a la hora de elegir discreparemos si es bueno, regular o malo.
La primera ventaja que encontré fue la posibilidad de generar una imagen con muchas opciones de fuente (Tipos de Letras), tanto estáticas como animadas (caso del ejemplo, Imagen Nº1) que es animada.

El mecanismo para generar la imagen es bastante intuitivo y dinámico, en la página muestra un cuadro de dialogo propiamente dicho donde nos permite generar dicha imagen.

Imagen Nº2

En la parte del campo de texto escribimos justamente el texto que deseamos generar:

Imagen Nº3

Aquí parte una de las ventajas que mencionaba anteriormente, y es la posibilidad de elegir entre una imagen estática y una animada en la opción de "Animation" (Visto en la Imagen Nº2) None y Luminescence (Creo que no se necesita mucho inglés para saber que dice...). Luego el efecto a través de la opción "Effect" que puede ser sólido (Para los mas experimentados luego lo pueden hacer también utilizando código CSS). A continuación el tamaño del texto. Luego el estilo a través de la opción "Style" esto es el tipo de Fuente y en la parte de "background" es el color de fondo de dicha imagen a generar, el código de colores es en hexadecimal, esto quiero decir que comienza con #000000 en este caso es el color negro, y el blanco #FFFFFF, buscando la combinación accedemos a los colores, y para aquellos que les resulta complicado pueden usar la paleta de colores (Imagen Nº3) que se encuentra al costado que debajo también genera el código de color correspondiente.

Una vez elegido todas las opciones, presionando sobre el botón "Cast Spell" Generará dicha imagen final.

Una vez que aparece la imagen generada, nos brinda tres opciones:

Imagen Nº4

Aquí otra ventaja que encontré, el primer botón (Imagen Nº4) permite insertar la imagen final en el blog con solo copiar el código HTML (Imagen Nº5).

Imagen Nº5

Esto ahorra el trabajo de: Descargar la imagen, subirla al Hosting de imagen que utilizan para el blog, y luego enlazarla con el código generado.

También genera el código de la imagen final para la utilización en un foro.

Aquí una desventaja que me resulta evidente que se puede ver en la imagen y es que, utiliza el Hosting ImageShack.us que para mí, es regular (No sé ustedes)
El segundo botón "Download Image" (Imagen Nº4) permite directamente descargar la imagen final generada. Y el último y tercero permite una vista previa de la imagen generada.
Aquí les dejo algunos de los estilos de fuentes que genera:

En resumidas, un generador mas por probar, experimentar y también disfrutar...

Muchas veces llegamos a sorprendernos en la rutina o habitué al navegar por ciertos sitios que pueden llegar a ser estúpidos, boludos, bizarros, TAAAPS pa´cierta amiga? etcétera?

y también encontras esos sitios que los traducís como INSOLITOS!!

Me explico mejor: Mirando una plantilla de diseño para Blogger predefina en TEMPLATE BLOGGER, sitio que se conoce bastante en la red, ósea armada por un autor de un sitio como cualquier otro. Me encontré con el enlace de los créditos debajo del Footer (Pie de Página) como suelen tenerlo normalmente? aquellos que diseñan plantillas predefinidas.

Y haciendo click en el enlace me llevo a un sitio donde se diseñan plantillas para webs profesionales. En la página principal exponen sin hacerle publicidad una serie de plantillas profesionales que se encuentran a la venta según creo yo acorde a su precio de sitio como lo es:

Este es un snap de la web que mencione?

Ahora me gustaría saber quien tiene esa guita para pagar dichas plantillas o mejor todavía, quien pagaría una plantilla así, ósea ¿Hay alguien que compra y que sea usuario normal como nosotros y pele esa guita de la billetera??

Pensando en eso se me ocurrió una idea, es como el dicho argentino le comí el negocio a otro a ver que saco de eso?

Yo tengo las siguientes plantillas:

 

Si esos guachos venden semejante porquería a esos precios que hasta yo AMATEURSSSSS las diseño mejor?.

¿Porque yo no puedo vender mis plantillas?

y se me ocurrió subastarlas, por ahí la ponga en mercado libre o alguno otra sitio de ventas online?

En fin he visto peores cosas? pero esta supera unas cuantas?

Esta entrada me recuerda mucho a películas como Scary Movie, Casi 300 o una cosa así porque, por un lado están las imágenes que son bastantes bizarras, irónicas pero ingeniosas. Y por el otro emprende una idea conjunta que apunta por encima de otra apelando a la imaginación de quién la diseñó.

Recuerdo que una de las primera películas que mire de este estilo bizarro fue una versión rara de Porky, por el año 92 aquellos que tengan más de 25 años me entenderán.

Este tipo de características asigna como un humor negro que donde más se destaca es en la región estadounidense casi propia de ellos.

Primero les dejo los estrenos que vendrán en materia de películas para el año 2010 versión bizarra obviamente? en imágenes como diseños,  y luego los Tráileres de las mejores escenas? algunas hace tiempo rondan en YOUTUBE.

La lista comprende:

• Desperately saving private susan
• Harry Potter must die
• Pride & Predator
• Happy Candy
• Mr. & Mrs. Smith
• ASHREKXANDER
• The Panda King
• Surf City
•  You´be Got

Fuente: Wokth1000

LAS PELICULAS:

Robocop Vs Terminator The begin wars

Creación de un álbum de Fotos o imágenes web con Picasa.

No hace mucho tiempo en una entrada anteriormente mencioné una serie de servicios webs de alojamiento de imágenes o hosting, donde indique aquellos más conocidos y relevantes. Y explique un breve tutorial de como subir imágenes a Photobucket y enlazarlas a un Blog. Ahora es el turno de Picasa, este servicio que Posee Google tanto en la Web como en su programa.


Picasa tiene dos modalidades de uso, una es a través de la web [Picasa álbum] o bien a través de su programa en la PC, previamente instalado.

Para utilizar Picasa álbum en la web se debe estar registrado con una cuenta de Google, aquellos que posean un blog en Blogger no hace falta que se registren.

En el caso del programa que se puede descargar libre y gratuitamente desde su página, o bien lo podes descargar de [Este enlace].  Si no están registrados no podrán subir fotos o crear un álbum en Picasa web obviamente, desde el programa.

Esta es la apariencia del programa instalado en la PC.

Y esta es la apariencia de Picasa en la web:


Una ves conocido el programa,  voy a inclinarme a orientarlos sobre como subir una imagen o foto, agruparla a un álbum y luego generar una presentación de diapositiva para insertarla en el blog.

Como primer paso loguearse en [Picasa web] o bien en [Blogger], y luego hacer click en el enlace de Picasa web.
Luego para subir una o más imágenes deben presionar el botón ?Subir?   y aparecerá un cuadro de diálogo:

Donde deben elegir el álbum o bien crearse uno nuevo:


Luego deben elegir una o más imágenes presionando el botón

Una vez hecho esto presionan sobre el botón

En este punto las imágenes ya se encuentra en Picasa web, solo resta crear una diapositiva e insertarla en el blog, para eso se debe tildar en la opción

El mismo link expandirá la opción y mostrara los respectivos enlaces al referente álbum. Uno es para mensajería instantánea y el otro es código HTML.
Para insertar una diapositiva hacer click sobre el enlace:

Este nos devolverá un cuadro de diálogo donde muestra en un campo de texto el código HTML para agregarlo al blog:


Puede elegirse el tamaño de la diapositiva:

El tamaño puede ser de 144px, 288px, 400px, 600px y 800px respectivamente.

Lo que hay que hacer es copiar el Código que se encuentra dentro del recuadro amarillo, y pegarlo en una entrada de Blogger, o bien también se puede utilizar Como un elemento HTML por ejemplo para la Sidebar.

Resultado:

Lo demás investiguen, por hoy me canse de Picasa, jaja

Cuando era más joven, [¡Bueno! ok! ok! cuando era mucho más joven]. En la escuela primaria teníamos clases de historia, y como yo no asistía a una escuela de muy buen nivel, las maestras te enseñaban lo que para ellas era lo que llaman un mediático plan de estudio acorde a las capacidades rudimentarias cotidianas del momento.

En el mes de Mayo recuerdo que siempre rompían las bolas con la semana de Mayo: Que la época colonial, la revolución, la independencia y la madre que lo pario?
Y te metían tanto el asunto en la cabeza y en el orto que los gauchos, los soldados, los españoles como mierda eran estos? emmm los de la junta, esta otra mierda de los cosos de la asamblea, en fin? Una manga de pelotudos queriendo tener un poco de libertad al menos para tirarse un pedo? 
Ósea aguas calmas sobre un puto proletariado.

Y había una secuencia de la historia en que las maestras no se desquebrajaban literalmente y como no tenían otro material que enchufarte te contaban una y otra vez el mismo fragmento de mierda. Recuerdo la imagen de un libro de estudio que tenía como imagen un asedando instruido acercándose al hall de lo que sería el cabildo en la época colonial, para leer una pequeña gaceta incrustada en la pared impresa con letra antigua y tallada a mano? donde, se enteraba de las noticias que acontecían diariamente en esa época, y después las transmitía a los demás seguidores, y también para aquellos que no sabían leer y no podían hacerlo? Ya sea porque no tenían libertad propia o autonomía para hacerlo, porque eran mestizos, negros etcétera.

Y había lugares o sitios donde había una sola persona que sabía leer. Normalmente en esa época los más comunes eran los párrocos de la iglesia si mal no recuerdo que podían leer sin dificultad los hechos acontecidos de esas gacetas, luego el párroco lo transmitía a los demás vecinos.
Y cada día, el párroco iba a leer nuevamente la gaceta por si había noticias nuevas?

Era una forma de enterarse de las noticias muy robusta ya que, en principio no todos podían leer pero, suponiendo que todos supieran leer. Significa que cada vecino debía ir hasta el hall u otro puesto y leer para enterarse por supuesto aquel que estuviera interesado?

Esto era un poco complicado también desde el punto de vista en tiempo y forma, cada uno debía esperar su turno para leer o bien esperaba que uno lea y luego transmita la información?

Y siempre, uno debía ir a la fuente de información para enterarse de las noticias a través de ese medio de difusión.

De una forma imaginaria y pretenciosa podemos llamar a esta forma primitiva de absorber las noticias físicamente como Lector 1.0.  ¿porque Lector 1.0? para simplemente luego en comparativa comprender todo lo que vengo escribiendo.

Sin alejarnos mucho de la historia y retomando continuo? Al tiempo y al pasar los años como todos sabemos o en su mayoría, la tecnología y la implementación de la revolución industrial y toda la mierda social que descontrolo todo, pasando por una gran variedad de hechos y demás llegando hasta los tiempos contemporáneos donde se consolido lo que llegamos a llamar en la jerga regional, ?El repartidor de noticias o canillita?. Que era normalmente aquel joven que en principio con largas caminatas repartía el periódico casa por casa, o dto. como quieras llamarlo.  En este caso la forma de absorber la noticia ya había cambiado en un llano adyacente ya que, no debías ir a la fuente de información sino que, cómodamente llegaba hasta donde te encontrabas?
Este canillita se encargaba de llevar diariamente a los vecinos las nuevas noticias impresas en papel.

Entonces, para enterarse de las nuevas noticias la fuente de información cómodamente y con más calidad llegaba a los Lectores? Sin siquiera moverte de tu casa.

De un modo condescendiente podemos denominar esta modalidad como Lector 2.0

¿Porque Lector 2.0? porque simplemente se me canta las pelotas.

Cambiando un poco el plano del tema y recapitulando podemos decir que hay dos tipos de Lectores sobre distintos medios de difusión. Uno es el lector 1.0 que es aquel que debía visitar la fuente de información para actualizarse con las noticias. Y el otro Lector, ósea el Lector 2.0 donde la información llegaba donde se encontraba con un medio de difusión más práctico.
¿Cuál era la fuente o canal en cada caso?, en el caso del Lector 1.0 era La Gaceta en la pared a través de su contenido limitado. Y en el caso del Lector 2.0 la fuente o canal de Información era el periódico o diario que llegaba al hogar del lector. Cada uno de estos casos suministraban una fuente de información actualizada, independientemente del tipo de formato de su contenido.
¿Quién difundía esa información o contenido? En el caso de Lector 1.0 lo hacía nuestro querido párroco u otro capacitado. Y en el Lector 2.0 El niño canillita.

Dejando de lado la historia y volviendo al presente actual, nuestro año 2009 y haciendo comparativas podemos decir que, los medios de difusión, canales y fuentes han cambiado así como también la modalidad de redistribuir la información etcétera. Ahora un hecho o acontecimiento independiente de su trascendencia podemos enterarnos en fracción de segundos por los diferentes medios que existen, hablo del caso de la TV, Radio, Internet etcétera.

¿Cómo es la difusión en la actualidad? Es algo más simple de usar, pero más complicada quizás de entender. Refiriéndome al caso de Internet y en esto me voy a centrar, digo lo siguiente y corríjanme si me equivoco? En la actualidad en Internet ¿Cual es la fuente o canal de información? pueden ser muchas, Páginas webs, Blogs, Bitácoras etcétera.

¿Quién difunde esa información o contenido?
Lo hacen las mismas páginas a través de medios de redifusión de contenidos denominados ?Feeds?, pero ¿Qué es realmente un feed y porque se utiliza tanto? es una buena pregunta.

En inglés el término feed significa literalmente "alimento" (pronunciado "fid") pero no tiene una mierda que ver con páginas, contenidos, información etcétera. Por tanto nuestros queridos amigos y compañeros de añoranza Estadounidenses me refiero a Don Micro$oft y su pandilla apodaron este pelotudo extranjerismo como: Fuente.
Además la acepción de la palabra "fuente" es parecida al término en inglés "feed": Plato grande, más o menos hondo, que se usa para servir los alimentos. Cantidad de comida que cabe en este plato, Ósea? lo acomodaron un poco para que este término pelotudo pegue con algo? 

Luego nosotros, o en su mayoría los hispanos hablantes para diferenciarnos de los de arriba [para no variar], comenzamos a usar la palabra canal para referirnos al término feed. Porque sabemos que no tiene una mierda que ver su origen con su utilización ¬¬

Un tiempo después se comenzó a representar estos feed con una imagen singular: 

Así a lo largo de estos últimos años las noticias, llegan difundidas a través de canales o fuentes por medio de páginas o webs que implementan un sistema de difusión de noticias por contenido programado (Feed), para mantener actualizado al Lector con las últimas noticias acontecidas?

Queda ciertos temas y detalles por explicar sobre lo que es y como se usa un feed, pero esto es solo el comienzo? nos vemos en la próxima entrada, saludos.

Y hablando de hosting, ¿Que es un hosting? y para que se usa:

Según Wikipedia:

ósea que es como una supercomputadora capaz de alojar archivos variados en gran magnitud en su servidor.

Existen en la red gran cantidad de servidores Hosting para imágenes. Me voy a centrar en los más conocidos para así abarcar lo que más se pueda.

• Picasa
  Como se sabe, esta en idioma español, aloja 1GB y es de don Google. Requiere registración obviamente no para aquellos que tienen un blog en Blogger.
  
• Photobucket
  Es en idioma Inglés, requiere registración, soporta 25 GB y un máximo de 1024 x 768 px por imagen.
  
• Imageshack.us
  Creo que es el que más problemas arrastro pero suele ser el más usado. No requiere registración pero no duran mucho las imágenes, si te registras duran dependiendo de la cantidad de visitas. Esta en inglés y no tiene muchas limitaciones con respecto a la subida de imágenes.
  
• imagengratis
  Esta en idioma Español, No requiere registración, aloja PNG JPG y GIF, soporta hasta 1MB por imagen.
  
• zubela
  Esta en idioma Español, lo curioso que se aloja en un servidor alemán. Al parecer no pide registración y las limitaciones son pocas.
  
  Las demás características pueden averiguarlas en cada sitio correspondiente, no es la finalidad de esta entrada pronunciar todas las características, ventajas y limitaciones de cada servidor de imágenes.

Como yo tengo cuenta en Photobucket, me centro en esta para no tener que registrarme en otra que no voy a usar.

Como primer paso iniciar sesión:

Si no estas registrado, hace click en Join Now. It´s free (registrar, es gratis) 

Luego de haber iniciado sesión:

Este es el cuadro que se utiliza para subir la imagen, o las imágenes donde las opciones son:

  Desde un archivo de imagen de la PC.

Ubicada en un sitio Web o página.

Desde un Teléfono móvil.

Desde una cuenta de E-mail.

 

Este indicador te muestra la capacidad libre que hay en la cuenta para alojar archivos.

El procedimiento de carga es a través del botón ?Upload images % videos? (Subir imagen y video)

 

Una vez elegida la imagen, aparece el cuadro de carga:
 

Luego aparece el cuadro de edición, donde hay que ingresar el titulo de la imagen (title), la descripción y en TAG corresponde al alias para agregarlo a un álbum ordenadamente.

Luego se copia la dirección que devuelve la página.
 

Ahora que ya se tiene la imagen subida al hosting y la dirección correspondiente solo debe insertarse en el editor de entradas.

Hay dos formas de insertar una imagen mediante código me refiero. Una es mediante el TAG o etiqueta IMG, y otra es mediante la utilización de un bloque DIV.
Explico las dos formas nombradas anteriormente comenzando por la etiqueta IMG:

<img src="URLDELAIMAGEN" alt="nombre de la imagen" />

en este caso sería:

<img src="http://i279.photobucket.com/albums/kk132/Other-Side/gothic_lolita_3_by_lapin.jpg" alt="nombre de la imagen" />

Resultado:



Con DIV

<div style="background-image: url(http://i279.photobucket.com/albums/kk132/Other-Side/gothic_lolita_3_by_lapin.jpg)">

Imagen

Aunque no lo crean, con la práctica todo se hace más ameno y fácil.

Como mencione en la anterior entrada. El header representa frecuentemente el banner del Blog. Y que lo mejor era ubicarlo en #header-wrapper para que se aloje ocupando todo el contenedor. Puede alojarse fuera en el #header que sería la cara interna del contenedor, cada uno elige cuál es mejor para opción.

El banner a través del header puede ser manipulado o modificado mediante código CSS en el blog de Blogger. Y soporta la gran mayoría de Propiedades y atributos más conocidos:

Intentare explicar una por una así ni yo, ni ustedes se pierden

Antes sería bueno explicar algunas implementaciones legibles dentro del ámbito HTML y CSS.

Por ejemplo:

La estructura de indentación de escritura de código, se preguntarán que es esto. Y no es más que una forma de escritura jerárquica como por ejemplo lo tiene el elemento o gadgets  archivos de blog.

Un ejemplo más práctico sería así:

#header-wrapper {
    margin:0 5px 5px;
      padding:0 20px 15px;
        max-width:700px;
          text-transform:uppercase;
            letter-spacing:.2em; 
              line-height: 1.4em;
                font: $descriptionfont;
                  color: white;
}

Esta forma de escritura se encuentra algo exagerada, pero es buena para ejemplificar la modalidad de jerarquía.

lo normal que solemos utilizar es:

#header-wrapper {
  margin:0 5px 5px;
  padding:0 20px 15px;
  max-width:700px;
  text-transform:uppercase;
  letter-spacing:.2em;
  line-height: 1.4em;
  font: $descriptionfont;
  color: white;
}

Es una pequeña diferencia en la escritura de código, cada uno elige por cual optar?

Otra implementación que suele ser por motivo de habito se refiere a la escritura de código en mayúsculas.

#HEADER ?WRAPPER {
MARGIN: 0 5PX 5PX;
}

En muchos casos esto a Internet Explorer no le gusta, por lo tanto obvia el código o peor aún lo interpreta erróneamente, lo cuál desencadena en una transformación que no deseamos.

Aclaradas algunas observaciones sigo con la explicación:

Para ser más práctico voy a utilizar el ejemplo anterior:

#header-wrapper {
width:660px; 
margin:0 auto 10px; 
border:1px solid $bordercolor;
}

La Propiedad background se utiliza para cambiar el color de fondo de un contenedor o bien asignarle una imagen como fondo, sola es una propiedad genérica que necesita de ciertos atributos para complementarse.

Por ejemplo el atributo color:

Puede definirse de la siguiente manera:

#header-wrapper {
background-color: Valor;

Donde Valor puede ser:
Un nombre, un Valor rgb(), un valor hexadecimal o transparent.

#header-wrapper {
background-color: Red;

#header-wrapper {
background-color:#ff0000;

#header-wrapper {
background-color:rgb (255, 0, 0);

El resultado sería el siguiente:

El header posee ahora como fondo un color rojo.

La propiedad background-image establece la imagen de fondo de un contenedor.
por ejemplo:

#header-wrapper {
background-image: url(imagen.jpg);
}

De esta manera, ocurrirían algunos detalles que no tendríamos contemplados.

Por ejemplo, si la imagen es más chica que el contenedor del header, se repetiría sola, y crearía un efecto no deseado.

En este caso utilice una imagen más pequeña que el contenedor del header para mostrar el ejemplo.

La imagen se repite hasta completar el contenedor, pero si deseamos que solo aparezca una sola vez, debemos ingresar un atributo o propiedad denominado background-repeat este atributo especifica si, la imagen debe repetirse y de que manera.

#header-wrapper {
background-image: url(imagen.jpg);
background-repeat: Valor;
}
Los valores posibles son:
repeat (la imagen se repite horizontal y verticalmente) y es el valor por defecto. Como en el ejemplo anterior.

repeat-x (la imagen se repite horizontalmente)

La propiedad background-attachment establece si la imagen de fondo permanece fija o se desplaza mediante un scroll.
Ejemplo:

#header-wrapper {
background-image: url(imagen.jpg);
background-repeat: repeat-x;
background-attachment: scroll;
}

La propiedad background-position establece la posición inicial de imagen de fondo.
Los valores posibles son:
porcentaje | medida (positivos o negativos) ] {1,2} | 0% 0%
o bien: left | center | right | top | center | bottom

Estas son las equivalencias:
left top = 0% 0%
top = center top = 50% 0%
right top = 100% 0%
left = left center = 0% 50%
center = center center = 50% 50%
right = right center = 100% 50%
left bottom = 0% 100%
bottom = center bottom = 50% 100%
right bottom = 100% 100%

por ejemplo:

#header-wrapper {
background-image: url(imagen.jpg);
background-repeat: repeat-x;
background-attachment: scroll;
background-position: right center;
}

Espero que haya sido útil, saludos!!

De un Blogger frustrado y la imagen evangélica?

Una de las preguntas más frecuentes que he leído por la red es la forma de agregar un Banner al Header como Cabecera, ya sea para representar el Blog u otra cosa especifica. Si bien no es la gran ciencia requiere saber ciertas cosas para no tener un dolor de cabeza a la hora de insertar dicho Banner.

El Header es un rectángulo contenedor ubicado en la parte superior del Blog, normalmente se compone de un cuerpo pero hay casos en lo que se encuentra divido. Frecuentemente se representa con una imagen como fondo. Como decía en la anterior entrada se puede dividir en tantas partes como se antoje y para ello hay varias maneras, algunas deben hacerse a través de la Plantilla de Blogger y otras a través de la implementación de un contenedor por bloque conocido como DIV.

En cualquiera de los casos debe retocarse a través de código CSS la Plantilla para adaptar el Banner al Blog.

Como existe una gran variedad de Modelos y Plantillas voy hacer lo que hacen todos, utilizar la Plantilla Mínima de Blogger. Y me voy a centrar tanto en la muestra del Header como de la Plantilla misma en su formato en Bruto.

 
En la figura se muestra el Header propiamente dicho de como se vería en el Blog, sin banner o imagen insertada.

En el caso de la Plantilla de Blogger se encuentra como #header pero a su vez normalmente esta divida en varias secciones:

Lo siguiente es un ejemplo típico de una Plantilla Mínima de Blogger:

/* Header
-----------------------------------------------
*/

#header-wrapper {
  width:660px;
  margin:0 auto 10px;
  border:1px solid $bordercolor;
  }

#header-inner {
  background-position: center;
  margin-$startSide: auto;
  margin-$endSide: auto;
}

#header {
  margin: 5px;
  border: 1px solid $bordercolor;
  text-align: center;
  color:$pagetitlecolor;
}

#header h1 {
  margin:5px 5px 0;
  padding:15px 20px .25em;
  line-height:1.2em;
  text-transform:uppercase;
  letter-spacing:.2em;
  font: $pagetitlefont;
}

#header a {
  color:$pagetitlecolor;
  text-decoration:none;
  }

#header a:hover {
  color:$pagetitlecolor;
  }

#header .description {
  margin:0 5px 5px;
  padding:0 20px 15px;
  max-width:700px;
  text-transform:uppercase;
  letter-spacing:.2em;
  line-height: 1.4em;
  font: $descriptionfont;
  color: white;
}

#header img {
  margin-$startSide: auto;
  margin-$endSide: auto;
}

Esto es un código típico de la implementación en una Plantilla de Blogger en formato CSS, ósea estilo de cascada? como el que usa Blogger.

#header-wrapper {

Está Línea corresponde al bloque completo que representa el contenedor en su totalidad del HEADER. En este caso todo lo que se encuentra de color rojo.

En este caso su tamaño en ancho (width en inglés) esta definido por 660px donde px significa pixeles, pero se puede asignar otro valor por ejemplo 330px donde quedaría en la mitad de su tamaño actual.

#header-inner {

Esta propiedad en la Plantilla es casi única y si bien no presenta modificaciones en apariencia en el Blog, si lo hace de forma indirecta ya que es aquel que dibuja el rectángulo interno para alojar la imagen que se desea insertar como Banner. En este ejemplo se representa de color azul.

#header {

Corresponde al bloque interno del contenedor. ósea que se encuentra dentro de #header-wrapper en este caso tiene 5px menos por tal razón se pueden ver los respectivos bordes que lo separan siendo mínimamente inferior al bloque #header-wrapper. En este ejemplo se representa de color Amarillo.

#header h1

 
Esta propiedad corresponde al contenedor interno que aloja el Título propiamente dicho del Blog, en este caso Alexander, Pruebas. Esta ubicado dentro de #header. Dentro de lo que se conoce como Layer o capa en cierta forma. Se encuentra delimitado por el rectángulo sin relleno de color azul como indicador. Se define por una clase denominada H1 de ahí radica ese indicador. Para que se entienda vagamente un clase es un conjunto de estilo de tipos de letras, fuentes y  colores.

#header a

Esta propiedad es la que se usa en menor medida, mejor dicho es la menos se modifica, ya que afecta las propiedades cuando se hace click para el enlace, ósea que afecta solo al vinculo más conocido como ?Link? o hipervínculo en Internet.

Pero tiene sus curiosidades, por ejemplo su activación ocurre cuando se visitan páginas del blog que no son la principal, por ejemplo:

Si visito la mía principal: http://alx-int.blogspot.com

Se vería de la siguiente forma:

Si visito una subpágina: alx-int.blogspot.com/2009/10/pagina.html
Se vería así:

#header a:hover

Esta propiedad es bastante conocida y afecta cuando pasamos el puntero del Mouse sobre el Header, sin hacer click, normalmente se cambia el color para indicar que existe un enlace.

#header .description

Creo que no hay mucho por decir, esta propiedad afecta a la capa del Título de la descripción del Blog. A veces también esta definida por una clase.

 #header img

Esta propiedad solo afecta a la imagen que alojes dentro del contenedor header y sus propiedades.

¿Donde inserto la imagen como Banner?

Lo idea, es en #header-wrapper por ejemplo:

#header-wrapper {
width:660px; 
margin:0 auto 10px; 
border:1px solid $bordercolor;
background:url(http://imagen.jpg);
}

El elemento background define el fondo del contenedor, el cuál se le puede asignar una imagen?

El resultado sería así por ejemplo:

La imagen debe tener el mismo tamaño que el contenedor. Sino habría que hacer modificaciones, y eso es para la entrada siguiente?

Saludos!

De un Blogger frustrado entendiendo el rompecabezas

Todos sabemos o en su mayoría que, para circular con un coche mínimo hay que saber conducir; y que para cocinar algo rico, mínimo se requiere saber como encender la cocina sin que te tiemble la mano, ¿Y para tener un blog? ¡No!, no hay que saber conducir ni cocinar pero, si hay que conocer al menos vagamente como se compone y su estructura.

Y como yo no sé conducir y mucho menos cocinar, me inclino por explicar las partes de un blog

Lo primero es lo primero

¿Que es un blog?; con respecto a esto encontré en la red tantas definiciones como pelotudeces se puedan escribir por segundo al cuadrado.

El término BLOG fue bautizado por Jorn Barger en 1997 ¿Quien mierda es este gil?

Veamos que dice lo whiskypedía

[Nunca un sudamericano, un africano? ]

Definición de blog

?Es una página web sencilla consistente en unos párrafos de opinión, información, un diario personal, enlaces, organizados cronológicamente desde el más reciente al primero que se publicó.?

QUE BASURA POR DIOS! 

[Esta definición es de puto reprimido, pero básicamente es la verdad de la milanesa.]

La estructura de un blog

Tiene lo siguientes elementos:

• El post o entrada: La parte principal en la que le autor escribe el texto según la finalidad que le de a su blog (diario personal, opiniones, noticias...).

• Comentarios de los visitantes del Blog. La mayor parte de los blogs permiten a los visitantes realizar y dejar publicados comentarios para cada entrada o post.
  
  La interacción entradas (posts) - comentarios (comments). Representa todo un sistema de comunicación con los lectores que dejan sus impresiones y enriquecen el post.
  [Si por esta definición tenes un blog? ¡PEGATE UN TIRO EN LAS BOLAS!]
  

• Su temporalidad. Fijada en hora, día, mes.... para cada post y ligada a la inmediatez de su publicación.

• Su clasificación:

  • Temporal: la clasificación de las entradas por semanas, meses, años...
  • Temática: clasificada a través de etiquetas y por palabras clave que se asimilen a potenciales búsquedas.

Básicamente la estructura de un blog de choronga en Blogger se compone de cuatro partes:

La Columna Principal: En esta parte se alojan todas las mierdas que subís cuando estas al reverendo pedo, me refiero a las entradas de contenido o como dicen los Yankeees: Post   En la Plantilla: #main-wrapper [Normalmente] A su vez esta divida en una serie de secciones Encabezado: El Título En la Plantilla: post-title entry-title [Normalmente] Fecha de publicación: [Puede no aparecer si el autor la quita]  En la Plantilla: date-header [Normalmente] Contenido: Las entradas en si propiamente dichas? En la Plantilla: .post-body Todas las gansadas que escribís como posteos van acá en este pochoclo del orto.

La Barra de Gadgets, Artilugios, Widgets. Elementos? (Y no sé cuantas mierdas de definiciones más.): En la Plantilla: #sidebar-wrapper [Normalmente] En esta parte van todas las pelotudeces que pones para decorar el blog: Relojitos de perritos con la lengua afuera, un Calendario de China Popular Republicana, el Horóscopo para saber si tu novio hoy  te va meter los cuernos con su mejor amiga y mierdas así? [Puede ser dividida en tantas partes como se te antoje]

Esta es la disposición básica de la estructura de un blog? puede variar debido a la personalización del blog o bien que se agrego una Plantilla?

Pero la mayoría se componen de esta estructura? y de a poco lo voy a ir explicando con más detalles. Me voy, tuve un día de mierda? Saludos gente.

Dicen que hablar de fronteras es unificarse. No se quien habrá dicho eso pero no estoy de acuerdo en un concepto minimalista. Límites son límites y para mi la expresión de un alma no tiene límites.

Tarde y me costó entenderlo a lo mejor necesitaba mi tiempo pero, ahora miro mi portavoz del silencio de un modo singular, más singular que antes. Me resulta curioso como la simpleza de mirar y leer otro blog me despertó vislumbrado mi camino equivocado que, inequívoco me creí en el mar de las escritura.

El estado variable de una longitud emocional me llevo a satisfacer poco en mis deseos, se me quedó trabado debajo de la desazón y el preludio de mantenerme conforme conmigo, y con el mundo exterior. Deje un mundo detrás y ahora me proclama, como deshacer un asecho que no existe? debo de continuar antes de ahogar la distancia que alcance y hasta donde llegue.

En este largo pero breve tiempo he ayudado y poco me he brindado sin reproches ni demagogia, moderar también es limitarse?

En un aire cómplice me sujeto y me atrapo en mi mundo, dicen: Aquel que mucho abarca, poco aprieta?

Dejo atrás mi historia, lo que fui? y continuo con lo que soy? simplemente Alex.