Mi Blog está lento

Tarda en cargar, se "cuelga". Bueno, este síntoma puede tener varias razones que iremos detallando a continuación. Pero lo principal es recalcar que cuando un Blog se vuelve lento, los visitantes terminan por abandonar el sitio e incluso dejar de visitarlo. Por este motivo es que debemos procurar que la carga de nuestra web sea ligera. Si hacemos un comparativo con los Blogs de msn space vs. bloggers notaremos la mayor popularidad de éstos últimos y es justamente porque son más ágiles.

Qué vuelve lento a mi blog:

1- Imágenes

La calidad de las imagen en "pantalla" no es directamente proporcional con su peso. Podemos tener una imagen de 1000 kb (1 mb) y una de 30 kb (0,03 mb) y la diferencia visual no existiría.

Para ello existen Optimizadores de Imágenes para web. Photoshop, Fireworks, Photo Paint, Gimp (free de linux- bajar desde aquí). Estos programas nos permiten determinar los DPI o PPP(puntos por pixeles) de las imágenes. Para web es recomendable 72 dpi. Luego debemos tener en cuenta las dimensiones que debe tener. Un ancho de 400 pixeles sería la medida que debemos utilizar sinó pretendemos una apertura mayor tras un click sobre la imagen. Pero si queremos que esta se vea mayor presionando sobre ella, como máximo 1024 px está bien.

Dichos programas además tienen la opción de guardar imagen para web, definiendo luego calidad: baja, media, alta, maxima. Los archivos los guardaremos con extensión jpg para la mayoría de los casos y tendremos como opción gif y png. La definición Entre media y alta es aceptable para jpg. De esta manera podremos tener nítidas imágenes con mímino kb, sin perder calidad ni velocidad.

2- Audio.

Todos los archivos multimedia precisan un tiempo extra para ejecutarse, pero no son problema mientras el usuario tenga el control sobre aquel. O sea, mientras el visitante pueda elegir darle play o no, éste no se carga y por lo tanto no vuelve lenta la navegación. Ahora bien, hay quienes quieren musicalizar sus blogs y esto genera un tiempo de carga extra, dependiendo del tamaño del archivo de audio y del caché del visitante. El caché guarda los archivos y las cookies de las paginas visitadas en temporales, para que en la próxima visita la carga sea más ligera. Pero si además se cambia seguido de fondo musical, el caché no tienen mucha utilidad. Y haciendo una comparación con los Spaces que usan windows media player con efectos de visualización, notaremos aún más la lentitud. Con esto recomiendo no poner música que se ejecuta automáticamente en nuestro sitio, o bien si deseo hacerlo no debo cambiar muy seguido ni elegir archivos mp3 demasiado pesados.

Otro de los inconvenientes lo generan los botones de música favorita, más cuando son demasidos los incrustados en nuestra web.

3-Videos y Animaciones

Todo video requiere al menos una previsualización y por lo tanto un tiempo de carga, que será mayor en la medida que hayan más de estos archivos en mi web. Sobretodo si en la configuración del blog opté por enseñar muchos post en la página principal. Recuerden que Blogspot trae predeterminado enseñar sólo los 7 últimos post en la página principal, cuestión que la mayoría de nosotros modificamos.

Por otro lado, toda animación de tipo Flash genera un considerable tiempo de carga en la medida de su extensión o complejidad. Sean, banners, mascotas, juegos, aplicaciones varias. Más aún si están hosteadas en nuestra propia web.

5-Recursos

Todo recurso que agrego a mi web implica una actividad extra al funcionamiento del sitio. Podemos sitar el caso de lluvia de gifs, de previsualizaciones con Snap, los 4 items que vimos anteriormente, mapas, ayudantes, imagen de fondo, otros.

Pero no por ello voy a dejar de usarlos, así que veamos las alternativas de uso adecuadas.

Soluciones:

Como síntesis, puedo dejarles como recomendable lo siguiente:

• Lo más importante: no poner todos los recursos en nuestros blog. Debemos Elegir los que más nos gustan y limitarnos a ellos.
• Optimizar las imagenes que subiremos o bien elegir imágenes livianas (no mas de 50kb)
• Limitar el número de post expuestos en portada si uso muchos recursos multimedia (videos youtube, google)
• Si uso audio, hacerlo de manera que el visitante sea el operador.
• Utilizar servicios de Host de Imágenes externos a nuestro Blog, al menos para nuestras columnas.
• Si dispongo de demasiados Links a otras webs o blogs, no recomiendo uso de previsualizadores como Snap.

Qué sucede en otros Blogs

Hoy pensaba subir el artículo sobre la web www.feevys.com contándoles un poco sobre la utilidad que ofrece y que muchos blogs ya usan, como nuestra nueva lectora MenteSolitaria.

No obstante esta mañana dicha web se encuentra fuera de servicio (venía registrando una serie de inconvenientes con la distribución del código), pero para cuando se reestablezca les cuento:

Mediante el registro de nuestro Blog, Feevys da la posibilidad de incluír un código javascript como este (no copiar, es un ejemplo nomás) que nos será de gran utilidad:
<script type='text/javascript'src='http://www.feevy.com/code/1763/white'></script>

A partir de entonces, podremos saber lo que sucede en otros blogs, a manera de "noticias" en la columna de nuestro blog. Vos elegís que otros sitios querés que se exhiban en el tuyo y automáticamente la información se actualiza por cada nuevo post que ingresa el blog o sitio al que hacés referencia. Tenés además la opción de tres diseños: Negro, Blanco y Marca de agua. ¿Está bueno no? Deberán probarlo una vez que vuelva el servicio.

Yo aprovecho para saludar a los Nuevos 3 destinos de este Blog, que ya están como itinerario en el autobus.

06- Pálidos Reflejos

07- Las Cosas de Rosa

08- Mente Solitaria

Encuesta a los Bloggers

Usando el Servicio de Blogalaxia incluí una encuesta en la columna izquierda. El fin es una aplicación futura para bloggers! - Dejame tu Opinión. Gracias!

Colectivo de Blogs "enlace a tus webs"

Como verán ya he diseñado un colectivo para llevarlos a pasear por mis Blogs Amigos. Sólo tienen que elegir el destino y presionar Upa. Es una manera Compacta de enlazar tus blogs, por eso al final de este post comparto el Código del Colectivo. Deben copiarlo y pegarlo en sus plantillas Modificando las direcciones webs de option value, por las de sus blogs favoritos, amigos, etc.

Por mi parte les Cuento que voy a agregar sin mayores trámites a toda persona que me visite, que tenga un blog y me deje un comentario. Al día de Hoy Ya tengo 5 destinos así que si quieren visitarlos pueden subir al bus. La parada está justo en "la columna" izquierda.

• Comunidad del Avispo
• Capital Jake
• Ciudad Ferípula
• Poblado Ditter
• Estación Milonga-Fina

<!--Inicio Colectivo de Blogs--><br /><form><br /><tr><table border="0" cellspacing="0" width="180" background="http://img02.picoodle.com/img/img02/8/4/23/f_col3m_2453506.gif" height="180"><br /><td width="177" height="177"><br /><SELECT NAME="urldestino"><option selected>Destino<br /><option value="http://elavispo.blogspot.com">Avispo <br /><option value="http://otracomunicaciondanielditter.blogspot.com">Ditter<br /><option value="http://recursosparatublog.blogspot.com">Recursos<br /><option value="http://signodepregunta.blogspot.com">Signo¿?<br /><option value="http://milonga-fina.blogspot.com">Milonga<br /><option value="http://criollito.blogspot.com">**Diseño**<br /></SELECT><br /><input type="button" value="Upa" onClick="location=this.form.urldestino.value" name="button"><br /></form></td></table><br /><!--Final Colectivo de Blogs-->

Por cada mensaje salvo un gatito

Esta es una respuesta al mismo muñequito en varios blogs usan y que irónicamente dice: "Por cada Comentario mato a un gatito". Bueno, veamos cuántos estamos dispuestos a salvar gatitos jeje, porque si sólo dependen de mi Blog Tweety estará Felíz! En realidad, hasta quizás él nos apoye... ¿sinó con quién se divertirá?

<br /><!--Inicio Gatitos--><br /><br /><a href="http://criollito.blogspot.com" target="_blank"><br /><br /> <img src="http://img03.picoodle.com/img/img03/8/4/22/f_salvogatitom_462539b.gif" border="0" alt="No Maten Gatitos" /></a>

Consejos para tu Blog

Todo Gratis: trucos, consejos, códigos, recursos para tu blog (sitio, web) . Ya son 45 post con los mejores y más usados trucos para tu sitio.

Si sos nuevo te aconsejo que empieces a leer desde el primer artículo (o sea el que está debajo del todo). Si tenés dudas o querés saber algo puntual, podés consultar en cualquiera de los post simplemente dejando un comentario.

También podés aportar tus conocimientos conmigo. Lo que yo no sepa, lo busco o pregunto a blogueros más viejos y sino hay vuelta que darle... te convenceré de que no te conviene! JA! Bueno, espero que disfrutes esta web que está hecha para Vos.

Nubes de etiqueta (tags)

Las nubes de etiquetas o tags clouds son representaciones acotadas. Palabras clave que demuestran lo que estás hablando en tu sitio o blog. Clickeando en una de estas palabras, la información se adaptará al tema elegido.

Desde la página de ZoomClouds puedes colocar en pocos minutos una nube de etiquetas en tu página.

Plantillas extra para Blogger / Blogspot

Acá les dejo dos direcciones de las más utilizadas para cambiar el diseño de nuestras plantillas (blogger blogspot). Recomiendo que antes de Cambiarla realizan una copia de seguridad de la que están utilizando. Sólo deben ir a plantilla, copiar el código html por completo, pegarlo en un archivo word y guardarlo en su pc.

Isnaini Templates

Pannasmontata Templates

Slide de fotos

Desde esta Web podés hacer Slides con tus fotos, eligiendo la animación de movimientos, estilo, tamaño, skin y privacía.

Incluso te ofrece el servicio de hostear imágenes y de crear un Protector de Pantalla!

Copiame pero Linkeame

Bueno, a raíz de un planteamiento interno y después del Post que compartí con Uds sobre Bloquear la copia de Blogs, aquí les presento el resumen de nuestra filosofía: "Copiame, pero linkeame" que sería lo mismo que citame, mencioná la fuente o bien pegá este Icono en tu Blog.

Este Símbolo quiere significar que compartís la libertad de expresión con el debido respeto a los derechos de autor. Úsalo donde más te guste, hay dos opciones de fondo: Blanco y Negro. Ya están puestos en mi columna con los códigos. Sólo debés copiarlos y pegarlos en tu plantilla de diseño html. El Código, enlaza a esta web en una "ventana emergente" así de paso me visitan más seguido. Gracias!!!

Foto en tu perfil

Como mencionamos en el post Anterior, es importante la imagen que ponemos en nuestro perfil porque es la que se verá cada vez que dejemos comentarios en otros sitios y nos servirá de "mini-publicidad". Podemos sintetizar agregar en ella (desde Photoshop, Paint) unas pocas palabras que expresen la finalidad de nuestro Blog. También podemos modificarla periódicamente según el Ultimo post que hayamos subido a nuestra Web; visitando a otros blogs, dejando comentarios en sus últimos post e invitándolos a que vean el tuyo, reforzado con la IMAGEN que elijas para tal cuestión.

Las fotos de los perfiles son visualizadas en 3 por 3 cm (120x 120 pixeles). POr tanto les recomiendo diseñarla en ese tamaño para ver que el mensaje se vea con CLARIDAD y luego guardarla en máxima calidad (photoshop, paint-100dpi) para web, que no debería pesar más de 10kb. Otro recurso interesante es el Uso de Macromedia Flash en la composición de nuestras imágenes. Se exporta como gif a 72 dpi y posee más extensión del "mensaje".

Buscando en algunas Webs, quiero que vean Dos ejemplos de Fotos de perfiles hechas como Gifs y su expresividad que resaltan en los comentarios.

• La primera Muestra la magia del sitio y es de Portugal: Nadir
• La otra fue adaptada solo para publicitar un post y es de Argentina: El Avispo

Bueno, ya tenemos la estrategia, tenemos ejemplos pero nos falta saber donde se ponen las fotos en los perfiles. Es asi: Desde El Panel vamos a Editar perfil, y alli se nos abrirá una ventana. Aquí buscaremos donde dice Fotografía y al lado URL de la foto. En ese lugar debemos colocar la imagen que tenemos previamente hosteada en alguna web como lo vimos en este post anterior. Recuerden que lo mejor es que mida 3 x 3 y no pese mas de 10 kb, para que la carga sea ligera.

Dejar Comentarios Diferentes

Los comentarios que dejás en otros blogs son tan importantes como lo que publicás en tu blog, ya que a partir de estos comentarios otro comentarista puede decidir visitarte o no en tu página. Pero por un lado está la creatividad a la hora de expresarse, de la cual no podemos hacer mucho más que decirte que antes de dejar un mensaje leas bien sobre lo que estás opinando. Por otro lado deberás tener en cuenta la parte visual de tu mensaje y aquí profundizaremos un poco.
Cuando dejamos un comentario, si vemos en la parte superior dice que está permitido utilizar código HTML en las instrucciones de "b" "i" "a". ¿Qué significa esto? Que podemos poner un texto en azul con , en bold (negritas) con y en cursiva con . Asimismo se puede utilizar para linkear alguna página. Veamos un Ejemplo donde aplicamos todos estos recursos.

En este Mensaje, Vemos como B (bold) se abre para decir Hola! y luego se cierra /B. Claro, siempre se debe determinar de dónde hasta dónde llega cada instrucción. Luego poné en cursiva el texto infancia asaltada (abriendo i y cerrando /i) y en color azul dice podemos hacer algo (a y /a). Luego se hace un link a una nota y acá usa nuevamente "a" en conjunto con HREF y para despedirse utiliza los mismos códigos. En caso de escribir mal un codigo, no se te permitirá publicar el mensaje.

Bueno, veamos ahora como se vería todo esto publicado.

En otro Post hablaremos de la foto que aparece en los perfiles, que será parte de la presentación de tu mensaje en un comentario o "invitación"

El código sería asi:

<a href="http://criollito.blogspot.com">Link a Nota</a> Sólo reemplacen la dirección URL de Criollito por la que quieren linkear y cambien la palabras Link a Nota por lo que Deseen que Figure.

Para que no copien tu Blog

Este código cumple la función para evitar que copien el contenido de tu blog. De todas maneras hay otras formas de "copiar", pero al menos será más dificil.
Piensa la conveniencia o no de poner esta herramienta en tu blog. En mi caso no sería de utilidad, si lo que quiero es que copien!
Bueno, en primer lugar, iremos a la plantilla de diseño y ubicaremos y debajo de esto pondremos el siguiente Código:

<SCRIPT language=JavaScript id="disable drag and drop"> document.ondragstart=function(){return false}; </SCRIPT> <SCRIPT language=JavaScript id="disable selecting"> document.onselectstart=function(){return false}; </SCRIPT>

Y listo, Blog con contenido protegido!!!

Pizarra de Bart Simpson

¿Bart escribe para nuestro Blog? jajaja

Si quieren una imagen igual a esta, donde ustedes escriben el texto que deseen en la pizarra, pueden hacerlo desde Add Letters, que generará un gif a su medida.

Lluvia de gifs

Glitter Graphics entre varios recursos de gifs animados, nos ofrece la posibilidad de colocar en nuestra web una lluvia de gifs. Para lo cual nos presenta muchas opciones de animaciones. No obstante para aquellos intrépidos blogueros, les acerco más abajo el código para que puedan agregar imágenes propias. Recuerden que deben ser imágenes pequeñas y que no pesen demasiado: formato Gif o bien jpg. Lo único que deben hacer es Hostear la imagen en alguna página y colocar la url donde dice aquiurlimagen y listo. Luego Copiarla en la plantilla de diseño.

<marquee behavior=scroll direction=down scrollamount=5 scrolldelay=13 height=643 style='position:absolute; left:51%; top:20px; width:30; height:645px;'><img src= aquiurlimagen border=0></marquee> <marquee behavior=scroll direction=down scrollamount=4 scrolldelay=32 height=533 style='position:absolute; left:86%; top:163px; width:30; height:577px;'><img src= aquiurlimagen border=0></marquee><marquee behavior=scroll direction=down scrollamount=1 scrolldelay=31 height=521 style='position:absolute; left:21%; top:99px; width:30; height:522px;'><img src= aquiurlimagen border=0></marquee> <marquee behavior=scroll direction=down scrollamount=4 scrolldelay=55 height=630 style='position:absolute; left:65%; top:120px; width:30; height:628px;'><img src= aquiurlimagen border=0></marquee> <marquee behavior=scroll direction=down scrollamount=1 scrolldelay=11 height=524 style='position:absolute; left:66%; top:139px; width:30; height:518px;'><img src= aquiurlimagen border=0></marquee> <marquee behavior=scroll direction=down scrollamount=3 scrolldelay=44 height=542 style='position:absolute; left:13%; top:100px; width:30; height:692px;'><img src= aquiurlimagen border=0></marquee> <marquee behavior=scroll direction=down scrollamount=5 scrolldelay=37 height=633 style='position:absolute; left:41%; top:77px; width:30; height:679px;'><img src= aquiurlimagen border=0></marquee> <marquee behavior=scroll direction=down scrollamount=3 scrolldelay=43 height=527 style='position:absolute; left:50%; top:121px; width:30; height:551px;'><img src= aquiurlimagen border=0></marquee> <marquee behavior=scroll direction=down scrollamount=3 scrolldelay=29 height=500 style='position:absolute; left:51%; top:8px; width:30; height:507px;'<img src= aquiurlimagen border=0></marquee> <marquee behavior=scroll direction=down scrollamount=2 scrolldelay=20 height=697 style='position:absolute; left:79%; top:22px; width:30; height:530px;'><img src= aquiurlimagen border=0></marquee> <marquee behavior=scroll direction=down scrollamount=2 scrolldelay=47 height=591 style='position:absolute; left:6%; top:64px; width:30; height:683px;'><img src= aquiurlimagen border=0></marquee> <marquee behavior=scroll direction=down scrollamount=2 scrolldelay=11 height=673 style='position:absolute; left:90%; top:71px; width:30; height:593px;'><img src= aquiurlimagen border=0></marquee> <marquee behavior=scroll direction=down scrollamount=2 scrolldelay=13 height=502 style='position:absolute; left:29%; top:165px; width:30; height:522px;'><img src= aquiurlimagen border=0></marquee> <marquee behavior=scroll direction=down scrollamount=4 scrolldelay=9 height=555 style='position:absolute; left:70%; top:110px; width:30; height:579px;'><img src= aquiurlimagen border=0></marquee> <marquee behavior=scroll direction=down scrollamount=5 scrolldelay=22 height=620 style='position:absolute; left:74%; top:8px; width:30; height:617px;'><img src= aquiurlimagen border=0></marquee> <marquee behavior=scroll direction=down scrollamount=5 scrolldelay=46 height=650 style='position:absolute; left:6%; top:8px; width:30; height:697px;'><img src= aquiurlimagen border=0></marquee> <marquee behavior=scroll direction=down scrollamount=2 scrolldelay=5 height=691 style='position:absolute; left:59%; top:130px; width:30; height:551px;'><img src= aquiurlimagen border=0></marquee> <marquee behavior=scroll direction=down scrollamount=5 scrolldelay=10 height=688 style='position:absolute; left:81%; top:139px; width:30; height:687px;'><img src= aquiurlimagen border=0></marquee>

Fotos en movimiento

En esta web, previo registro gratuito, podrás subir tus imágenes y decidir con ellas el diseño que querés darle. Como vemos en el ejemplo de la izquierda, hay opciones de cubos, corazones, remolinos, hexágonos. Todos poseen movimiento y ante un click, permite ver en mayor tamaño la imagen seleccionada.

Relojes

Acá tenés varios diseños de relojes y acá tenés varios más

Previsualización con Snap

<br /><br /><style type="text/css">@import url(http://www.blogger.com/css/navbar/main.css);<br /><br />@import url(http://www.blogger.com/css/navbar/1.css);<br /><br />div.b-mobile {display:none;}<br /><br /></style> <script defer="defer" id="snap_preview_anywhere" type="text/javascript" src="http://spa.snap.com/snap_preview_anywhere.js?ap=1&key=0a7ef1d1b03cb435a16dec14afeb07ec&sb=0&domain=criollito.blogspot.com"></script> <br /><br />

Este código aplicado en nuestra Plantilla nos permitirá obtener una vista previa a cada enlace. Sólo debés cambiar la url de http://criollito.blogspot.com por la de tu blog. En funcionamiento, aparecerá un cuadro de diálogo al detener el puntero del mouse sobre alguno de los links de tu blog, así como se ve en la imagen de la izquierda.

Encuestas

El realizar "encuestas" es muy beneficioso para mantener un diálogo invisible con quienes te visitan. Aprendiéndolo a usar, podrás sacarle mucho provecho.

Si ya registraste tu blog en Blogalaxia, uno de los directorios mencionados en el post anterior, podrás acceder (una vez que te hayas logueado: usuario y contraseña) desde el tablero a la "creación de encuestas".

Otra página con opciones para la creación de encuestas en majikwidget. Bueno, que las disfrutés y despúes me contás!

Marquesinas

Marquesina Horizontal

<marquee> Marquesina Horizontal </marquee>


Marquesina Vertical

<marquee width="150" height="40" direction="up" scrollamount="2"><center> <span> Marquesina Vertical </span></center></marquee>

Estos códigos HTML también son para la Plantilla y la intensión es variar un poco el estilo de texto. Sólo debe Copiar el Código y Reemplazar los textos "Marquesina Vertical" o "Marquesina Horizontal" por el que Ud. Desee Utilizar.

A pedido de Milena, Veremos como Darle color a la Marquesina y Variar su velocidad. Para ello utilizaremos el siguiente código que establece el color de la font y a su vez la muestra en negrita (Bold). Para cambiar el color rojo por otro, les recomiendo que utilicen la tabla de colores que subí anteriormente. Por otra parte para variar la velocidad Utilizaremos la Función ScrollAmount, donde a medida que el número sea mayor, la velocidad se incrementa. Veamos un ejemplo de velocidad 20.

Marquesina Color y Bold

<span style="color:#ff0000;"><marquee scrollamount="20"><b>Marquesina Color y Bold</b></marquee></span>

Directorios

Así como hablábamos de la importancia de pertenecer a "comunidades" también debemos tener en cuenta registrarnos en directorios de Blogs. Allí muchos cybernautas acuden para ver qué les llama la atención. Existen muchos directorios incluso van variando por paises. Antes de registrarte debés tener en cuenta preguntas básicas que te realizan éstos sitios. Como por ejemplo:

1- Categoria: Personal, informativo, arte, fotografía, otros...

2- Resumen descriptivo:Intenta ser claro y creativo. Lee otros antes de escribir el tuyo.

3- Feed del sitio: Esto es para mantener actualizado el estado de tu sitio. Ver Nota

4- Autores: En algunos casos nombres y correos electrónicos.

5- Algún avatar: Busca una imagen que identifica claramente tu sitio. Generalmente piden con especificaciones en pixeles y peso máximo.

Con estos mínimos detalles a tener en cuenta ya podés ir registrando tu blog en varios Directorios. Acá te dejo algunas de las muchas opciones.

• Alianzo
• Argenblogs
• Blogalaxia
• Technorati
• Worldtopblogs

Rankear Noticias

Meneame.net como fresqui son páginas que rankean noticias. Si tu blog tiene carácter periodístico, o bien a veces posteás noticias propias, te sería beneficioso poner un link para que te meneen la noticia. Si esta llega a "portada", tus visitantes se incrementaran en gran medida.

Este Código que comparto con Uds. posee el ícono de la Página Meneame y si uno lo clickea se enlaza con ésta para publica la nota (hay que ser usuario). Si analizan el Código verán que yo estoy promocionando la nota Sobre "Botones de enlace". Bueno, allí les dejo el código y a partir de la url es que deben modificar el código por el que les corresponde a la nota que quieran promocionar.
Esto se vería asi:


<a href="http://meneame.net/login.php?return=/submit.php?url=http://criollito.blogspot.com/2007/04/botones-de-enlace.html" target="_blank"><span style="font-family:arial;"><img alt="meneame" src="http://www.letra.org/spip/IMG/imgbasico/ico_meneame.gif" border="0" /></a>

Visitantes en Linea

Para saber cuántas personas están visitando tu Blog en tiempo real, les dejo dos servicios gratuitos donde solicitarlo.

• FreeOnlineUser
• TwoSpots
• Who´s

Código Ejemplo de Whos <br /><a href="http://whos.amung.us/show/irzre9li"><img src="http://whos.amung.us/widget/irzre9li" alt="web counter" width="81" height="29" border="0" /></a>

Una imagen de fondo

Cuando el diseño de nuestra plantilla es simple, o sea no posee ninguna imagen de fondo, el background está configurado en colores como vimos en la tabla de valores html. Ahora bien, es muy simple cambiar esto por una imagen. Veamos un ejemplo de plantilla con diseño de fondo color negro. El código aparece asi:

Está remarcado en amarillo la sección que nos interesa modificar. Antes debemos elegir qué imagen pondremos de fondo y hostearla en algunas de las páginas que vimos anteriormente. Una vez que tenemos la url de la imagen, que en lo posible debe ser pequeña (máx 50 x 50 pixeles pues se repitirá infinitamente) procedemos a modificar nuestra plantilla.

Realizada esta operación, ya obtendremos de fondo una imagen para nuestro Blog.

Buzón de mensajes

No todos nuestros visitantes están dispuestos a leer nuestras notas, ya sea por tiempo o por interés. Una buena opción es dejarles un "Buzón de Mensajes" para que nos dejen comentarios y saludos independientemente de los post. En esta página podés tener uno gratuito. Se mantiene por medio de publicidad, pero dentro del mismo diseño así que no afecta al resto de tu blog. Registrate acá

Comunidades

La interacción entre los diferentes Autores de Blogs es importante. Primero para enriquecer tus conocimientos en materia de web y recursos y dos para obtener visitas a tu espacio. En este post veremos Comunidades interesantes a las que pueden acceder.
La primera es Myblolog donde incluso te dan la posibilidad (insertando un código en tu plantilla) que veas quienes te visitan en tu página de los registrados. Esta es siempre gratis.
Otra es Neoworx que posee varios servicios pero por tiempo limitado, que luego en su versión gratuita pierden la estética. Pero para que los pruebes son interesantes: Banderas de los paises que te visitan, localización en el mundo, chat.

Código banner Greenpeace 2

<br /><object codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=" height="300" width="150" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"><param name="_cx" value="3969"><param name="_cy" value="7938"><param name="FlashVars" value=""><param name="Movie" value="http://www.greenpeace.org/argentina/assets/flashes/baner-papeleras-marron.swf"><param name="Src" value="http://www.greenpeace.org/argentina/assets/flashes/baner-papeleras-marron.swf"><param name="WMode" value="Window"><param name="Play" value="-1"><param name="Loop" value="-1"><param name="Quality" value="High"><param name="SAlign" value=""><param name="Menu" value="-1"><param name="Base" value=""><param name="AllowScriptAccess" value=""><param name="Scale" value="ShowAll"><param name="DeviceFont" value="0"><param name="EmbedMovie" value="0"><param name="BGColor" value=""><param name="SWRemote" value=""><param name="MovieData" value=""><param name="SeamlessTabbing" value="1"><param name="Profile" value="0"><param name="ProfileAddress" value=""><param name="ProfilePort" value="0"><param name="AllowNetworking" value="all"><param name="AllowFullScreen" value="false"><br /><br /><br /><br /><br /><br /> <embed src="http://www.greenpeace.org/argentina/assets/flashes/baner-papeleras-marron.swf" quality="high" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" width="150" height="300"></embed><br /><br /></object>

Código banner Greenpeace 1

<br /><object codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=" height="300" width="150" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"><param name="_cx" value="3969"><param name="_cy" value="7938"><param name="FlashVars" value=""><param name="Movie" value="http://www.greenpeace.org/argentina/assets/flashes/sumate-ciberactivistas.swf"><param name="Src" value="http://www.greenpeace.org/argentina/assets/flashes/sumate-ciberactivistas.swf"><param name="WMode" value="Window"><param name="Play" value="-1"><param name="Loop" value="-1"><param name="Quality" value="High"><param name="SAlign" value=""><param name="Menu" value="-1"><param name="Base" value=""><param name="AllowScriptAccess" value=""><param name="Scale" value="ShowAll"><param name="DeviceFont" value="0"><param name="EmbedMovie" value="0"><param name="BGColor" value=""><param name="SWRemote" value=""><param name="MovieData" value=""><param name="SeamlessTabbing" value="1"><param name="Profile" value="0"><param name="ProfileAddress" value=""><param name="ProfilePort" value="0"><param name="AllowNetworking" value="all"><param name="AllowFullScreen" value="false"><br /><br /><br /><br /><br /><br /> <embed src="http://www.greenpeace.org/argentina/assets/flashes/sumate-ciberactivistas.swf" quality="high" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" width="150" height="300"></embed><br /><br /></object>

Buscador interno

A continuación les mostraré un Buscador interno motorizado por google, que permite al visitante buscar por palabras claves dentro de nuestro Blog.

Buscar en criollito

<br /><!-Search-><br /><br /><td>Buscar en AQUINOMBREdelBLOG<div class="module-content"><br /><br /><form action="http://blogsearch.google.com/blogsearch" method="get"><br /><br /><input type="hidden" name="bl_url" value="http://AQUITUURL"><br /><br /><label for="search" accesskey="4"></label><br /><br /><br /><br /><br /><input id="search" name="as_q" size="23" type="text" size="23"><br /><br /><input value="Enter" name="submit" type="submit"><br /><br /></form><br /><br /></div>
Una Vez copiado el Código, reemplazar donde dice AQUITUURL por la dirección de tu blog y donde dice Buscar en NOMBREdelBlog por el Titulo de tu página. y Listo!!

Regala una Estrella

Sorprendé a alguien que quieras regalándole una estrella en el cyber espacio. La elegís en tamaño, color, movimiento. Escribís un mensaje y le das un sonido!. Copiás el código y lo guardás para regalarlo ¿Romántico no? Eso podés hacerlo acá

Feed

Los Feed dan la posibilidad al lector de mantenerse informado de los cambios que se registran en tu blog.

Mediante un registro de tu blog, le darás la posibilidad a tus visitantes de recibir a modo de boletín, las noticias en sus correos electrónicos o bien visualizar un resumen de tus post en algún directorio al que te hayas suscripto como lo vemos en el post sobre Directorios. Este cuenta generalmente con Datos de Fecha, hora, autor, título y parte de lo publicado. Para ver la nota extendida, deben ingresar a tu sitio.

Acá les dejo dos webs que ofrecen el servicio:

• Feedburner
• FeedBList

Atom, otro feed, es el servicio de informe de actualización predeterminado del nuevo Blogspot que lo podés ver escribiendo en el explorador por ejemplo http://criollito.blogspot.com/atom.xml. Probá reemplazando la url de nuestra web por la tuya y Listo!. Esto es para aquellos Directorios que piden un Feed al momento de querer registrar tu blog para rankearlo. Luego lo usan para promocionar en Portada o por Categorías los Blogs y los temas, incluso con la opción de buscar en su base de datos.

Reproductor de Música

Desde esta página, podés cargar las direcciones de tus temas preferidos y luego mediante un Código html que te brinda la misma web, insertarlo en tu blog.

Si quieres saber desde qué páginas obtener música para completar tu colección te sugiero que leas este artículo y este también.

A disfrutar de la buena Música!

Posad para la foto

Desde esta web podrás incluir en tu web una ventana en donde los visitantes que dispongan de una webcam se podrán sacar fotos y dejarlas como señal de su paso por tu blog.