Trucos Blogger

Agregar un icono de feed en las etiquetas de blogger

2007-12-28T17:00:00.001-08:00

Este "hack" para las etiquetas de blogger consiste en agregar un icono de feed a C/U de las etiquetas del blog , como veran en la imagen:

Para agregar este icono, lo primer es asegurarse de ya tener en el blog un widget de etiquetas (labels), sino es así, agregarlo desde el panel de elementos de página de Blogger. Hecho esto, ya se puede modificar el código del widget:

Entra a la pestaña “Plantilla”, después a la opción “Edición HTML” y activa el botón “Expandir plantillas de artilugios” (importante).
Ahí busca el siguiente código:

<span dir='ltr'>(<data:label.count/>)</span>

Justo después pegamos el siguiente código correspondiente al icono y al enlace:

<a expr:href='data:blog.homepageUrl + "feeds/posts/default/-/" + data:label.name'><center><img src='http://img180.imageshack.us/img180/1855/synicotc5.png'/></center></a>

ROJO

http://img412.imageshack.us/img412/3824/xmlol8.gif

http://img412.imageshack.us/img412/1610/rssen4.png

http://img444.imageshack.us/img444/7574/rsskw6.png

En este código es posible cambiar la dirección en la etiqueta “img” para establecer el icono de nuestra preferencia.

Guarda los cambios y todo listo.

Un detalle más, para facilitarle el acceso a la información de tu blog a los lectores.

Mi primer post - Como insertar un cursor en tu blog

2007-12-27T11:18:00.001-08:00

Bueno , luego de la caida del blog traigo mi nueva era de trucos blogger (La Era LacraX) , tuve que dejar un poco de lado mi otro blog (La Web - Trucos Blogger) por este y para este blog. Para insertar un cursor de tal modo que se logre usarlo con todos los atributos debe usarse la siguiente fase CSS con un archivo .cur como referencia subido a un host como puede ser Googlepages.com y luego de eso debe ser usada esta tag debajo de la tag <head>:

<style>
<!--
body{
cursor:url("http://www.tuweb.com/tucursor.cur");
}
-->
</style>



Importante!:
Solo funciona con IExplorer6

Eso es todo y espero que lo disfruten.



Como poner Videos en tu Blog
2007-08-26T01:43:00.001-07:00
Bueno esto es una pequeña guía para los que no saben mucho de Blogging, debido a que no solo nos enfocamos en los bloggers avanzados, sino que también a los que están comenzando apenas.
Así que para agregar un vídeo en una entrada, tenemos que elegir un vídeo que nos guste, en este caso pondré como ejemplo el siguiente vídeo:
http://youtube.com/watch?v=EgATlhZFAfs
Como podrán ver en ese enlace, alado del Vídeo hay un cuadro el cual contiene el nombre del vídeo, la fecha, descripción y categoría.
Abajo hay 2 cuadros de texto, uno dice "URL" y el otro que dice "Embed". El primero es la dirección del vídeo y el segundo es el código el cual tenemos que copiar para ponerlo dentro de nuestra entrada.
En esta caso el código es:


<object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/EgATlhZFAfs"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/EgATlhZFAfs" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed></object>

Este código lo tendremos que poner dentro de la pestaña de "Edición de HTML" cuando creamos una entrada.
Una vez que agreguemos el código podemos seguir escribiendo ( aunque el vídeo no aparezca en el momento ), si quieren visualizarlo antes de publicar la entrada simplemente pueden hacer click en "Vista Previa".



  
  Technorati : blogger, trucosblogger 



Consigue comentarios en Blogger
2007-08-20T00:37:00.001-07:00
Bueno antes que nada, pido una disculpa debido a mi ausencia ( la cual se vera un poco prolongada debido al huracán el cual se aproxima a mi ciudad ).
En esta ocasión les explicaré un método el cual les permitirá editar esa etiqueta que dice "X Comentarios", por lo general ubicada al final del contenido de la entrada haciéndola más llamativa para sus visitantes.
Cuando no hay comentarios en la entrada se mostrará el texto:
"Agrega tu Comentario"
Cuando hay 1 o más comentarios se mostrará:
"XX comentarios, agrega el tuyo!"

Ahora para comenzar es necesario que se dirijan a Plantilla > Edición HTML en su Panel, posteriormente seleccionaran la casilla "Expandir plantillas de artilugios", ahora tendremos que buscar sl siguiente código:

<span class='post-comment-link'>
        <b:if cond='data:blog.pageType != "item"'>

          <b:if cond='data:post.allowComments'>
            <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
          </b:if>
        </b:if>
      </span>


El cual remplazaremos por el siguiente:

<span class='post-comment-link'>
        <b:if cond='data:blog.pageType != "item"'>
          <b:if cond='data:post.allowComments'>
            <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<b:if cond='data:post.numComments == 0'>Agrega tu comentario<b:else/><data:post.numComments/> comentarios, agrega el tuyo!</b:if></a>
          </b:if>
        </b:if>
      </span>

Luego simplemente guardamos los cambios y listo!




Quitarle el Subrayado a los Links
2007-08-12T22:34:00.000-07:00
Lamentablemente sin previo aviso me fui de vacaciones ( y próximamente tengo otro viaje ), por lo que tengo que dejar el blog un poco descuidado por ahora, sin embargo sigo leyendo lo que me mandan nuestros visitantes.
Por lo que ahora responderé a la duda, sobre remover el subrayado de los enlaces y profundizaré un poco mas dando estilo a los enlaces.
Ahora para comenzar, es necesario que se vaya a Edición HTML en la Plantilla Blogger, antes de editar/buscar algo, explicare brevemente la función de las etiquetas que vamos a utilizar:


  a:link { } /* Estilo del Enlace */
  a:hover { } /* Estilo del Enlace cuando pasamos el Mouse sobre el */
  a:visited { } /* Estilo del Enlace cuando ya fue visitado */



Estas etiquetas son las que van dentro del fragmento de CSS, sin embargo así no hacen absolutamente nada, por lo que tenemos que definir estilos, esto se hace agregando una o más de los siguientes parámetros CSS.

 color:#RRGGBB; /* Color en Código Hex */
 text-decoration:valor;
        /* Los Valores posibles para este parametro son:
                        none - no tiene ningún estilo.
                        underline - el texto aparecera subrayado.
                        line-trough - el texto aparecera tachado
                        overline - el texto aparecera con una raya en la parte superior.
                */
 font-family:valor; /* El Valor es definido por el nombre de la letra, ejemplo "verdana","tahoma", etc. */
 font-size:##px; /* El valor numérico representa el tamaño de la letra */
 font-weight:valor; /* Dos valores, "bold" para Negritas y "Normal" */

a:link {
         color:#000000;
         text-decoration:none;
         font-family:verdana; 
         font-size:10px;
         font-weight:bold;
 }
a:hover {
         color:#CD4B4B;
         text-decoration:underline;
 }


El Generador de colores Hex lo pueden encontrar aquí. Pueden experimentar, moviendo valores y definiendo colores, de esta forma podran generar el estilo que ustedes deseen.

  
  Technorati : CSS, Trucos Blogger 



Eliminar Titulo de Texto en Blogger Manual
2007-07-29T07:51:00.001-07:00
Un visitante del Blog tiene problemas con una Plantilla la cual no le permite de alguna forma quitar el Titulo ( de Texto ) para que solo salga la Imagen y nos pregunta como removerlo para que solo se vea la imagen que el desea.
Normalmente esto se puede hacer desde una opción de Elementos en Blogger, no obstante hay veces que algunas plantillas no están bien hechas los "Elementos" no son reconocidos por el Editor integrado Blogger, así que ahora lo eliminaremos manualmente.
Para comenzar, tenemos que tener en cuenta que es necesario guardar nuestro diseño antes de tocar cualquier parte del código, recuerden que no siempre esta controlado lo que suceda, en especial si no tienen mucha experiencia.

Ahora, veamos lo que necesitamos remover, para comenzar, tenemos que tener en cuenta que el Elemento CSS: Display
Lo que necesitarán ir a Edición HTML que se encuentra en el Panel de Control de su Blog y luego seleccionamos la casilla Expandir Plantillas Artilugios.
Ahora ya estamos listos para trabajar, lo que tenemos que buscar ahora son los parámetros los cuales hacen que muestre el titulo de texto, por lo que tendremos que buscar el siguiente código:
<a expr:href='data:blog.homepageUrl'><data:title/></a>


Dependiendo de si su plantilla es una de las predefinidas Blogger o si es una Plantilla personalizada, podrán encontrar el siguiente código en la parte superior de lo que ya encontraron ( marcado en Rojo ) :

<b:if cond='data:blog.url == data:blog.homepageUrl'>
              <data:title/>
            <b:else/>
              <a expr:href='data:blog.homepageUrl'><data:title/></a>

Ahora lo que tenemos que hace, es agregar las lineas que se encuentran en negrillas al código:

<b:if cond='data:blog.url == data:blog.homepageUrl'>
              <div style='display:none;'><data:title/></div>
            <b:else/>
              <div style='display:none;'><a expr:href='data:blog.homepageUrl'><data:title/></a></div>


Repitan la búsqueda sí encuentran más simplemente repitan el proceso, si no tienen idea de el porqué de el Parámetro CSS "display:none" revisen esta entrada: CSS Propiedad Display


  
  Technorati : Blogger, Trucos Blogger, Tutorial Blogger 



[CSS] Propiedad Display
2007-07-29T07:31:00.000-07:00
Esta propiedad nos será muy útil cuando no podamos hacer el código de nuestro diseño o crear uno a partir de 0, o bien cuando queramos ocular algo, esta Propiedad la tienen que tener siempre en cuenta.
Definición:
 La Propiedad display define cómo/o si se mostrara un elemento.
Heredado: No
Valores:



Valor
Descripción


none
El elemento no se mostrara ( sin embargo el Explorador lo cargara )


block
Se mostrara como un elemento de Bloque, es decir tendrá un salto de linea antes y después del elemento.


inline
Default. Sera mostrado como un elemento de linea, no tendrá salto de linea ni antes ni después.


list-item
El elemento se mostrará como un elemento de Lista.


run-in
El Elemento sera mostrado como Nivel-Bloque o como Inline, dependiendo del contexto.


compact
El Elemento sera mostrado como Nivel-Bloque o como Inline, dependiendo del contexto.


marker



table
El elemento sera mostrado como una Table de Bloque ( como <table> ) con salto antes y después del elemento.


inline-table
El Elemento sera mostrado como una Tabla de Linea ( como <table> ) sin salto antes o después del elemento.


table-row-group
El elemento sera mostrado como un grupo de una o más filas (como <tbody>)


table-header-group
El elemento sera mostrado como un grupo de una o más filas (como <thead>)


table-footer-group
El elemento sera mostrado como un grupo de una o más filas (como <tfoot>)


table-row
El elemento se mostrara como una fila de tabla (como <tr>)


table-column-group
El elemento sera mostrado como un grupo de una o más columnas. (como <colgroup>)


table-column
El elemento sera mostrado como una columna de celdas (como <col>)


table-cell
El elemento sera mostrado como una tabla de celda(como <td> y <th>)




  
  Technorati : CSS Display, Display:none;, display 



Como poner codigo dentro de Posts
2007-07-26T14:46:00.001-07:00
Bueno, últimamente varias personas me han estado preguntando como poner código dentro de un Post junto con el Truco de darle Estilo a los Códigos, ahora la duda del usuario es la Siguiente:
Nombre: Tuxcito
E-Mail: tuxcito@gmail.com
Tema: No me resulta
Mensaje:
Hola de nuevo: Gracias por el dato de como crear un form de contacto, pero ahora tengo otro problema. Resulta que intente aplicar el truco de colocar código en mi blog ... coloque el código que me diste en Plantilla/Edición HTML de mi blog y luego cuando intente poner un código en un post, sin embargo no me aparecía el código sino que aparecía el elemento.
Ahora, lo que tenemos que tener en claro es que, normalmente el Blogger cuando introducen cualquier texto, que tenga naturaleza HTML o de programación web, este lo tomara como si fueran instrucciones para que muestre el elemento y no para que muestre solamente el código.
Por lo que tendremos que convertir nuestro HTML/Texto al formato Escape para esto usaremos el converter de este sitio.
Ponemos el texto en el cuadro superior y le damos click a "Parse", ahora simplemente copiamos el código resultante y lo ponemos en nuestro Blog.


  
  Technorati : Escape HTML, HTML, Trucosblogger 



Formulario de Contacto para Blogger
2007-07-26T01:37:00.000-07:00
Bueno, aquí de nuevo gracias a un par de usuarios que me preguntan respecto a lo que es el Formulario de Contacto y como obtener uno para ponerlo en su sitio Web.
Aquí brevemente les explicaré lo que tienen que hacer para crear una cuenta y configurar su propio Formulario, lo que les recomiendo antes que nada es que tengan en cuenta que el sitio esta en ingles y que es recomendable que si no saben mucho ingles chequen sitios como WordReference.com.

Bueno ahora para empezar es necesario que te crees una cuenta en el sitio: EmailMeForm , pueden ubicar como registrarse haciendo click en Sign Up for Free!
Ahora, tendrán que finalizar el registro revisando su correo electrónico y haciendo click en el segundo Link. Posteriormente es momento de conectarse con esa cuenta.
Ahora llegaras a lo que es un Panel de Control como pueden ver en la foto lo que a nosotros nos interesa es lo que hay en el Menú izquierdo, para ser específicos "Create New Form".
Ahora simplemente tenemos que llenar el siguiente formulario siempre teniendo en cuenta que esta información es vital, recuerda poner tu correo electrónico de otra forma no funcionara, ahora hacer click en Next
Ahora lo que tenemos que hacer es seleccionar el nombre de los campos y el tipo, si no entiende mucho de lo que dice ahí revise la imagen que se encuentra a continuación o bien cheque diccionarios Ingles>Español como WordReference hacer click en Next.
Ahora tienen que definir el Ancho ( cols ) y el Alto ( Rows ) de los elementos de su formulario, definanlo y hagan click en Next.
Ahora llenen todo lo que se pide, pueden hace referencia en el último cuadro que se muestra en la imagen de la derecha, después hacer click en Next. Ignoren el contenido del siguiente paso y hacer click en Next también, ahora verán su formulario, hagan click en Finish.
Ahora verán un cuadro donde verán un código, este no supera los dos lineas y no es el que necesitamos si lo queremos integrar al diseño de nuestro Blog, por lo que tendremos que hacer click en el Enlace que se encuentra justo arriba que dice: Get the HTML Code
Ahora deben de obtener un código similar a este:

<form method="post" action="http://www.emailmeform.com/fid.php?formid=9049">
<INPUT TYPE=hidden NAME=FCode VALUE="g5b4rgty">
                  

<table cellpadding="2" cellspacing="0" border="0" bgcolor="#FFFFFF">
<tr>
<td>
<font face="Verdana" size="2" color="#000000">Descripción de mi Forma, saldra en la parte superior</font>
 <div style="" id="mainmsg"> </div>

</td>
</tr>
</table>

<br>

<table cellpadding="2" cellspacing="0" border="0" bgcolor="#FFFFFF">

<tr valign="top">
 <td nowrap><font face="Verdana" size="2" color="#000000">Primer Campo: Ej: TU NOMBRE</font></td>
 <td>
<input type="text" name="FieldData0" value="" maxlength="100" size="30"> </td>
</tr>      

<tr valign="top">
 <td nowrap><font face="Verdana" size="2" color="#000000">... ej. tu email</font></td>
 <td>
<input type="text" name="FieldData1" value="" maxlength="100" size="30"> </td>
</tr>      

<tr valign="top">
 <td nowrap><font face="Verdana" size="2" color="#000000">... ej. tu web</font></td>
 <td>
<input type="text" name="FieldData2" value="" maxlength="100" size="30"> </td>
</tr>      

<tr valign="top">
 <td nowrap><font face="Verdana" size="2" color="#000000">tu mensajito de la muerte</font></td>
 <td>
<textarea name="FieldData3" cols="60" rows="10"></textarea><br> </td>
</tr>      

<tr>
 <td colspan="2">
<table cellpadding=5 cellspacing=0 bgcolor="#E4F8E4" width="100%">
<tr bgcolor="#AAD6AA">
<td colspan="2"><font color="#FFFFFF" face="Verdana" size="2"><b>Image Verification</b></font></td>
</tr>
<tr>
<td style="padding: 2px;" width="10"><img src="http://www.emailmeform.com/turing.php" id="captcha"></td>
<td valign="top"><font color="#000000">Please enter the text from the image</font>   <br><input type="text" name="Turing" value="" maxlength="100" size="10">
 [ <a href="#" onclick=" document.getElementById('captcha').src = document.getElementById('captcha').src + '?' + (new Date()).getMilliseconds()">Refresh Image</a> ] [ <a href="http://www.emailmeform.com/?v=turing&pt=popup" onClick="window.open('http://www.emailmeform.com/?v=turing&pt=popup','_blank','width=400, height=300, left=' + (screen.width-450) + ', top=100');return false;">What's This?</a> ]
</td>
</tr>
</table>
</td>
</tr>
<tr>
 <td> </td>
 <td align="right">
<input type="text" name="hida2" value="" maxlength="100" size="3" style="display : none;">
<input type="submit" class="btn" value="Titulo del Boton/Enviar" name="Submit">    <input type="reset" class="btn" value="  Borrar  " name="Clear"></td>
</tr>
<tr>
<td colspan=2 align="center">
<br>
<font face="Verdana" size="2" color="#000000"> <a href="http://www.emailmeform.com">contact form</a></td>
</tr>
</table>                      

</form>

Ahora lo que tendrán que hacer antes de poner el código en el Post, es Desactivar la Opción de Blogger "Convertir salto de Linea", lo pueden ubicar en la Pestaña Formato en el Panel de su Blog.
Ahora, simplemente tienen que poner el código en un Post ( en HTML ), simplemente posteenlo, copien el Link que obtengan y ponganlo en su barra lateral o donde ustedes deseen para que sus usuarios los puedan contactar.
Cabe mencionar que puede que algunos formularios no se muestren completos en algún diseño ( por falta de espacio ), por lo que tendrán que disminuir el ancho de los campos del formulario y otras opciones.



  
  Technorati : Blogger, Blogger Trucos, Formulario para Blogger, Trucos Blogger 



Menu Horizontal Barra de Navegacion
2007-07-25T02:53:00.001-07:00
Aquí de nuevo gracias una petición de uno de nuestros usuarios por medio del Formulario de Contacto, el cual tenía una duda respecto al Menú de Navegación Horizontal el cual pueden ver en la parte superior de nuestro sitio.
Ahora, les enseñare como crear uno, incluso les daré la barra en cinco colores para que ustedes puedan usarla en cualquier diseño.
Este código funciona en cualquier plataforma que funcione con HTML y CSS sin embargo ahora les mostrare donde tienen que colocar este código en Blogger, antes que nada.
Código Base:
Este código es lo que necesitaran poner en cualquier parte del blog que ustedes deseen, ahora les enseñare como ponerlo en la parte de abajo del titulo de Blogger, si lo quieren usar en otra Plataforma como Wordpress simplemente tomen este código y el CSS que encontrarán más adelante.


<div id='menu'>
<ul>
<li id='current'><a href='http://TuBlogEnlace0'><span>Titulo</span></a></li>
<li><a href='http://TuBlogEnlace1'><span>Titulo</span></a></li>
<li><a href='http://TuBlogEnlace2'><span>Titulo</span></a></li>
<li><a href='http://TuBlogEnlace3'><span>Titulo</span></a></li>

</ul>
</div>


Simplemente Cambia el texto en Negritas por los Enlaces a tu Blog y los Titulos que quieres que tengan las pestañas.
Ahora, si estamos usando Blogger tendremos que ir a Plantilla > Edición HTML y seleccionar la casilla Expandir plantillas de artilugios , ahora buscaremos el siguiente Texto, y antes de eso pegaremos el Código Base.

<div id='content-wrapper'>


Ahora, simplemente tenemos que seleccionar el Código CSS, si no usan Blogger simplemente tienen que implementarlo como cualquier otro elemento CSS, ahora si están usando Blogger tendrán que buscar:

]]></b:skin>


Ahora, simplemente tienen que elegir un color que les guste y poner el código antes del código antes dicho:


/* Dorado  ////////////////////*/
#menu ul { margin:0; list-style:none;}
#menu li {display:inline;margin:0;padding:0;}
#menu a { float:left;background:url(http://img508.imageshack.us/img508/971/hgoldljp3.gif) no-repeat left top;margin:0 1.5px 0 1.5px;padding:0 0 0 4px;text-decoration:none;}
#menu a span {float:left;display:block; background: url(http://img505.imageshack.us/img505/7849/hgoldrzx4.gif) no-repeat right top;padding:5px 12px 4px 12px;color:#fff;}
#menu a span {font: bold 12px Arial, Helvetica, sans-serif; color:#faf4d0; float:none;}
#menu a:hover span {color:#fff;}
#menu a:hover {background-position:0% -27px;}
#menu a:hover span {background-position:100% -27px;}
#menu #current a {background-position:0% -27px;}
#menu #current a span {background-position:100% -27px;color:#fff}
.clear {clear:left}
/* Fin de Barra */


/*Rojo ////////////////////*/
#menu ul { margin:0; list-style:none;}
#menu li {display:inline;margin:0;padding:0;}
#menu a { float:left;background:url(http://img508.imageshack.us/img508/8383/redlhh5.gif) no-repeat left top;margin:0 1.5px 0 1.5px;padding:0 0 0 4px;text-decoration:none;}
#menu a span {float:left;display:block; background: url(http://img257.imageshack.us/img257/1230/redrme9.gif) no-repeat right top;padding:5px 12px 4px 12px;color:#fff;}
#menu a span {font: bold 12px Arial, Helvetica, sans-serif; color:#faf4d0; float:none;}
#menu a:hover span {color:#fff;}
#menu a:hover {background-position:0% -27px;}
#menu a:hover span {background-position:100% -27px;}
#menu #current a {background-position:0% -27px;}
#menu #current a span {background-position:100% -27px;color:#fff}
.clear {clear:left}
/* Fin de Barra */


/* Verde ////////////////////*/
#menu ul { margin:0; list-style:none;}
#menu li {display:inline;margin:0;padding:0;}
#menu a { float:left;background:url(http://img257.imageshack.us/img257/5924/verdelzc1.gif) no-repeat left top;margin:0 1.5px 0 1.5px;padding:0 0 0 4px;text-decoration:none;}
#menu a span {float:left;display:block; background: url(http://img257.imageshack.us/img257/4822/verdercx2.gif) no-repeat right top;padding:5px 12px 4px 12px;color:#fff;}
#menu a span {font: bold 12px Arial, Helvetica, sans-serif; color:#b7c600; float:none;}
#menu a:hover span {color:#687100;}
#menu a:hover {background-position:0% -27px;}
#menu a:hover span {background-position:100% -27px;}
#menu #current a {background-position:0% -27px;}
#menu #current a span {background-position:100% -27px;color:#687100}
.clear {clear:left}
/* Fin de Barra */


/*Azul  ////////////////////*/
#menu ul { margin:0; list-style:none;}
#menu li {display:inline;margin:0;padding:0;}
#menu a { float:left;background:url(http://img257.imageshack.us/img257/5375/bluelco2.gif) no-repeat left top;margin:0 1.5px 0 1.5px;padding:0 0 0 4px;text-decoration:none;}
#menu a span {float:left;display:block; background: url(http://img442.imageshack.us/img442/4413/bluermk9.gif) no-repeat right top;padding:5px 12px 4px 12px;color:#fff;}
#menu a span {font: bold 12px Arial, Helvetica, sans-serif; color:#EFEBFA; float:none;}
#menu a:hover span {color:#fff;}
#menu a:hover {background-position:0% -27px;}
#menu a:hover span {background-position:100% -27px;}
#menu #current a {background-position:0% -27px;}
#menu #current a span {background-position:100% -27px;color:#fff}
.clear {clear:left}
/* Fin de Barra */


/* Rosa  ////////////////////*/
#menu ul { margin:0; list-style:none;}
#menu li {display:inline;margin:0;padding:0;}
#menu a { float:left;background:url(http://img257.imageshack.us/img257/9909/rosalvt2.gif) no-repeat left top;margin:0 1.5px 0 1.5px;padding:0 0 0 4px;text-decoration:none;}
#menu a span {float:left;display:block; background: url(http://img523.imageshack.us/img523/7982/rosarjk6.gif) no-repeat right top;padding:5px 12px 4px 12px;color:#fff;}
#menu a span {font: bold 12px Arial, Helvetica, sans-serif; color:#EFEBFA; float:none;}
#menu a:hover span {color:#fff;}
#menu a:hover {background-position:0% -27px;}
#menu a:hover span {background-position:100% -27px;}
#menu #current a {background-position:0% -27px;}
#menu #current a span {background-position:100% -27px;color:#fff}
.clear {clear:left}
/* Fin de Barra */




Technorati : Blogger, Navegación, Trucos Blogger, Tutorial Blogger



Cambiar el Texto Publicar Comentario
2007-07-23T14:57:00.001-07:00
De nuevo a petición por medio del Formulario de Contacto nos llega una duda de un usuario:
Nombre: Roberto Caamaño
Tema: Solamente una duda
Mensaje: Me encantaría saber como se hace para cambiar este texto en los comentarios
"Publicar un comentario en la entrada"
Esto es algo relativamente sencillo, simplemente tienes que ir a Edición HTML y seleccionar la casilla Expandir plantillas de artilugios, posteriormente deberemos buscar el siguiente fragmento de código.


<data:postCommentMsg/>


Ese Fragmento de código lo substituiremos por el Texto que deseamos que aparezca, así de simple.

  
  Technorati : Blogger, Cambiar Texto Publicar Comentario, Comentario, Publicar Comentario 



Suscripcion por Mail para el Blog
2007-07-23T10:42:00.000-07:00
Un visitante de nuestro blog, por medio de la forma de contacto nos pregunta lo siguiente:

Nombre: Ezequiel
Tema: Sobre Suscripción de mail
Mensaje:
Como se debe hacer en blogger para tener el famoso "Recibe Actualizaciones" (Suscribir tu mail)???.
Saludos
Muy bueno el blog!!

Para hacer esto, es necesario que obtengas una cuenta gratuita de FeedBurner, para hacer esto, simplemente haz click aquí.
Ahora tendremos que crear una cuenta, si no entiendes Ingles puedes cambiar el idioma de la interfaz haciendo click aquí y seleccionando "Español" de la lista de Idiomas, ahora simplemente da click en registrar en el menú superior, una vez finalizado el proceso sera necesario que configures tu primer feed, para hacer esto debemos loguear en la cuenta.
Ahora tendremos que indicarle a FeedBurner cual es nuestro Feed, en Blogger el Feed esta formado de la siguiente forma:
http://tublog.blogspot.com/feeds/posts/default
Simplemente pon el nombre de tu Blog y ponlo en el cuadro que esta resaltado en Rojo:
Después, simplemente sigue los pasos que están indicados, procurando leer todo lo que digan las instrucciones, como recomendación, les sugiero que activen todos los servicios que no sean para podcasters, ya que aunque diga que es de paga NO lo es!
Ahora tenemos que decidir el nombre del Feed y su Dirección URL ( con la cual accesarán a tu Feed ), ahora, como siempre yo les recomiendo que no vayan a poner algo como "El Blog de Lupe" o "Blog de Luis", lo recomendable es poner una Dirección URL la cual describa mejor el contenido de tu Blog.
Como siempre simplemente decidan una dirección la cual pueda ser buena para recibir visitas de los buscadores de Google.
Ahora simplemente sigue los pasos y instrucciones que te dan para completar el proceso de registro de tu Feed, después cuando estés en la parte principal de tu feed, ve a la pestaña "Publicize" y después en el menú izquierdo clickea el cuadro de "Suscripciones por Mail".
Después sin mover nada dele click al botón "Activar", posteriormente saldrá lo siguiente, simplemente tienen que seleccionar el idioma en el cual quieren que aparezca la forma de suscripción por Mail, haciendo click donde por dafault dice "English" y cambiarlo por "Spanish", luego simplemente sigue las instrucciones que te dan en el sitio, se entienden bastante bien no creo que tengan problema alguno.
Las actualizaciones serán enviadas automáticamente a aquel que se suscriba, recuerden igual revisar las otras utilidades que FeedBurner les provee, se los recomiendo.


  
  Technorati : FeedBurner, Suscripción por Mail, Suscription, Tutorial FeedBurner 



¿Que es un Feed RSS?
2007-07-23T05:38:00.001-07:00
¿Qué es un Feed?
Su significado en Ingles es "Alimentar", ahora, no usemos tecnicismos y simplemente les diré que esta es una utilidad la cual tienen que sacarle provecho, simplemente por el hecho de que les permite a sus usuarios saber cuando han actualizado el Blog/Web, por lo general por medio de "Agregadores".
El Feed le permitirá a usted ofrecer una amplia variedad de opciones para que sus usuarios estén enterados de las últimas noticias de su blog, lo que le permite aumentar el numero de lectores y visitas únicas.

Pueden Identificar si un sitio posee un Feed por medio de este icono universal:

¿Para que me sirve si soy un Blogger?
Para un Blogger, el Feed es la mejor herramienta existente en especial para los que escriben noticias o temas de la actualidad. Con el solo hecho de navegar y encontrar Blogs con buen contenido y suscribirse, usted podrá estar al tanto de lo último.
¿Qué Agregadores de Noticias existen?
Hay una gran variedad de agregadores, algunos de paga, otros gratuitos, sin embargo yo les recomiendo el GoogleReader, el Reader de Google que en lo personal es muy efectivo debido a su forma simple que se puede integrar al navegar, muy recomendado.

  
  Technorati : Feed, Feeds, GoogleReader, Reader, TrucosBlogger 



Cuadro de Codigo para tu Blog
2007-07-09T22:48:00.001-07:00
Bueno, ahora a petición de un visitante de nuestro Blog ( que nos contacto por medio de la Forma de Contacto ):
Nombre : esteban
E-Mail : oculto
Tema : caja de texto
Mensaje : una consulta para poner en mi blog unos codigos en una caja te texto asi como tienen ustedes que arriba dice codigo como tendria que hacer?

saludos..

Lles enseñare como crear un "cuadro" en el cual pueden meter código, aunque igual puede funcionar con hasta con las etiquetas <quote></quote> ahora, veamos un ejemplo de lo que podrán obtener si modifican el código de acuerdo a sus necesidades.


Esto es lo que ustedes verán una vez que introduzcan las etiquetas <pre><code></code></pre>

Ahora, el código que se necesita para ese efecto es el siguiente:
Para agregar este código a Blogger, simplemente ve a Edición HTML y agrega el código antes de ]]></b:skin>
pre {
        background:transparent url(http://img509.imageshack.us/img509/3046/codema7.png) no-repeat 0 0; /* Imagen Superior, si desas cambiarla modifica lo que se encuentra dentro de url(AQUI) */
        padding-top:24px; /* Relleno - para ajustar Fondo */
}
pre code { 
        overflow:auto; /* Determina si es necesario agregar barras de Scroll */
        background-color:#fffbe5; /* Color de Fondo en Hex */
        border:1px solid #fff1a3; /* Color de Borde en Hex */
   color:#7e1f09; /* Color de letra en Hex */
      display:block; /* No tocar */
   padding:5px; /* Relleno del cuadro */
        white-space:pre; /* No tocar */
        text-align:left; /* Alineacion del Texto , left=izquierda, center= centrado, right=derecha */su
        min-height:63px; /* Altura minima del Cuadro */
}
/* Cuando pase el Mouse sobre la caja ocurrirá lo siguiente: */
code:hover {
        background-color:#FEFEDD; /* Color de Fondo en Hex */
   border:1px solid #ffd511;/* Color de Borde en Hex */le
}

Ahora, si desean modificar la apariencia, simplemente tienen que cambiar algunos Colores HEX, pueden encontrar una paleta aquí. Si quieren cambiar la Imagen que dice "Código" pueden hacerlo cambiando la dirección de la Imagen, se encuentra dentro de url( ) .


Solo necesitan poner el siguiente código para que funcione: <pre><code></code></pre>




  
  Technorati : CSS, Code, Cuadro de Código para tu Blog, Pre 



Obten visitas via Google Blog Search
2007-07-05T18:03:00.001-07:00
Si ustedes buscan conseguir visitas y ya revisaron el Post anterior sobre Obtener Visitas vía Google entonces deben saber que Google es una gran fuente de visitas para muchos sitios, en especial para los que no tienen afiliados de ningún tiempo o tienen patrocinadores.
Así que ahora registraremos nuestro Blog en Google Blog Search, un servicio el cual es muy similar a Google, solo que busca noticias en Blogs más que resultados webs, así que podemos decir que es el Google de los Blogs.
Ahora veamos lo que tenemos que hacer para poder conseguir que nuestra web sea indexada por este excelente servicio:


Abre la siguiente Dirección: http://blogsearch.google.com/ping
En el cuadro de texto debemos agregar la dirección de su atom ( de preferencia ):

Si poseen un Blog de Blogger, su dirección debe lucir así:
http://tublog.blogspot.com/atom.xml

Ya con esto ustedes están enviando su blog a Google Blog Search.

 
 Technorati : Blog News, Blogger, Blogsearch, Obten visitas en tu Blog, Visitas



Blogger como Email Alias
2007-07-03T19:43:00.001-07:00
En una de esas, revisando el sistema actual de "Exiliados del Olimpo", el cual es Blogger, se me ocurrió revisar si había formas de explotar algunos recursos que Google ofrece a sus usuarios, fue entonces cuando descubrí el hecho de que .. mi problema principal era el mantener mi correo electrónico principal sin SPAM de ningún tipo.


Es por eso que se me ocurrió revisar las funciones que Google ofrece y encontré una que.. si se usa bien puede ser una herramienta muy poderosa: Blogger Post Email Direction
El Blogger Post Email Direction, básicamente es una dirección de correo electrónico de sintaxis +usuario+.+algoquetuelijas+(@)+blogger.com,el color rojo representa un valor el cual tu puedes poner ( conformado por letras y números ).
Se preguntaran: ¿Cómo puedes usar eso como beneficio?
Esta es una respuesta sencilla, simplemente piensen en la posibilidad de tener una cantidad INFINITA de correos electrónicos en la palma de tu mano y elegir que direcciones funcionan ( reciben mensajes ) y cuales no.
Ahora ... les dejo el Tutorial ( hecho por mi por supuesto ):
Tutorial Blogger Email

Crea una cuenta Blogger accesando a: http://www.blogger.com/

Crea un Blog con un nombre personalizado, en http://www.blogger.com/home asignándole un nombre personalizado con su respectiva contraseña y selecciona una plantilla:

Una vez creado, proseguir a "Empezar a Publicar" y seleccionar la pestaña "Opciones" y posteriormente correo Electrónico, donde rellenaras el cuadro de texto con algo de tu elección y seleccionaras la casilla "Publicar" como se ilustra en la imagen:

Ahora ve a "Opciones" > "Permisos" y selecciona la casilla "únicamente autores del Blog" como se ilustra en la Imagen:

Enviese un correo de prueba a la dirección que pusiste en el Paso 3 y verifica tu blog ( al cual solo tu puedes acceder ), recuerda que puedes repetir este paso las veces que quieras para tener cantidad infinita de correos Inbox:




Technorati : Alias de Correo Electronico, Blogger Trucos, Email Alias, Email Aliases, Email Gratis, Email Infinito, Trucos Blogger, Trucos Email



Meta Tags : Muy importantes para Buscadores
2007-07-02T20:02:00.001-07:00
Los Meta Tags, son por así decirlo las etiquetas que marcan todos los documentos en nuestra web/blog, esto es algo que los buscadores toman en cuenta junto con los Títulos y Contenido de las Páginas, para que entiendan un poco más su función, les puedo mostrar el ejemplo de Google y Trucos Blogger:
La búsqueda de la palabra: Trucos Blogger en Google.com.MX

Como podrán notar, aparece el Link y abajo aparece el texto descriptivo:
Trucos Blogger: Trucos para los Bloggers, Hacks, Tutoriales y más!
Este texto esta definido por el uso de Meta Tags, así como algunas palabras clave las cuales describen el contenido del blog, aquí tienen el código que usa TrucosBlogger.com



<meta content='Blogger, Trucos Blogger, Blogger Hacks, Blogspot Blogger, Blogger trucos, trucos para blogger, hacks para bloger, temas para blogger, trucos blogger espaÃ±ol' name='keywords'/>
<meta content='Trucos Blogger: Trucos para los Bloggers, Hacks, Tutoriales y mÃ¡s!' name='description'/>



Ahora expliquemos su funcionamiento, el contenido que se encuentra en verde, son las palabras clave las cuales Google debe tomar en cuenta, son palabras o grupos de palabras, separadas por comas.
De color Rojo, tenemos la descripción la cual Google mostrará cuando algún visitante este buscando en Google algo relacionado a tu web/blog.
Ahora, vayamos a como implementarlo en su web/blog, el código va después de <head>, por lo que para hacer esto tiene que ir a edición de plantilla en html y copiarlo después de la etiqueta mencionada, aquí el código, simplemente modificar lo que se indica:



<meta content='Palabras Clave, Palabras Clave' name='keywords'/>
<meta content='Descripción' name='description'/>


Es recomendable que uses esto junto con Indexeado Google



Error en Elementos de Pagina
2007-07-01T22:39:00.001-07:00
Hace poco, un visitante de el Blog me comentó algo que me había sucedido hace tiempo en mi otro Blog, un error el cual no le permite al usuario mover los elementos de página y guardar los cambios.
Aquí les muestro el mensaje Original, que me llegó por medio del formulario de Contacto:


Tema : Me falla "elementos de pagina" en "plantilla"
Mensaje : Les escribo este mensaje porque me falla elementos de página situado en plantilla:
lo que me pasa es que en "elementos de pagina" no puedo guardar los cambios, por ej:
yo quiero arrastrar un elemento a otro lado y cuando guardo me dice "guardando" y no se guarda más.....además abajo de todo de mi pantalla me aparece un signo de admiración (!) y al lado dice "listo pero con errores en la pagina".
que puedo hacer para solucionar esto?
a mi me parece que arruiné el diseño tocando "edición HTML"
¿puede ser eso?.
Saludos.

Bueno, en parte este problema ocurre por dos cosas, por lo general sucede cuando algo en el HTML esta mal formado o esta causando conflicto en el Sistema de "Elementos de Página" que Google tiene integrado. En mi caso ocurrió cuando encontraba jugando con el HTML.
Hay dos formas de solucionar esto:

Cambiar de Plantilla:
Este método es por prueba y error, básicamente lo que tienes que hacer es antes que nada, ir a "Edición HTML" y seleccionar la casilla "Expandir Plantillas de Artilugios", después salva el contenido COMPLETO y cambia la plantilla por una de las pre-establecidas de Blogger, revisa si puedes mover los elementos.
Si no funciona puede ser un problema de tus Widgets ( Elementos de Página ).
Organizar tus Elementos de Página por medio de HTML:
 Este es el método que yo uso, ya que a mi parecer es el más fácil, simplemente es modificar el orden de tus elementos de página por medio de "Edición de HTML":

Como ejemplo:
 Supongamos que tengo 3 elementos de página en el menú:
- Elemento1
- Elemento2
- Elemento3

Quiero pasar el Elemento1 al final, dejándolos en este orden:
- Elemento3
- Elemento1
- Elemento2

Para esto simplemente tienes que ir a "Edición HTML" y buscan este código:
<b:section class='sidebar' id='sidebar' preferred='yes'>


Ahora debes encontrar despues de eso algo como esto:
<b:widget id='XXXX1' locked='false' title='Elemento1' type='XXXX'/>
<b:widget id='XXXX2' locked='false' title='Elemento2' type='XXXX'/>
<b:widget id='XXXX3' locked='false' title='Elemento3' type='XXXX'/>


Debe quedar como:
<b:widget id='XXXX3' locked='false' title='Elemento3' type='XXXX'/>
<b:widget id='XXXX1' locked='false' title='Elemento1' type='XXXX'/>
<b:widget id='XXXX2' locked='false' title='Elemento2' type='XXXX'/>



Como podrán notar, cada una de esas lineas, representa un elemento, así que simplemente tienen mover y salvar.


  
  Technorati : Blogger Elementos de Página, Elementos de Página, Errores Blogger, Soluciones Blogger, Trucos Blogger 



Marquesinas para tu Blog
2007-07-01T20:53:00.000-07:00
El código HTML básico para crear marquesinas es <marquee></marquee> el texto ubicado dentro de esas etiquetas va a moverse hacia la izquierda formando un efecto de marquesina, en este ejemplo pueden ver lo explicado:
Prueba


<marquee>Prueba</marquee>


Como podrán ver en el ejemplo, el texto lentamente se mueve, sin embargo no tiene fondo y no tiene ningún elemento extra. Lo que haremos ahora será definir lo siguiente:

Width="xx"
Ancho de la marquesina, puede ser puesto en Pixeles ( px ) o en Porcentaje ( % )
Height="xx"
Alto de la marquesina, puede ser puesto en Pixeles ( px ) o en Porcentaje ( % )
bgcolor="#rraagg"
 Color de fondo, establecido por un Color HEX
behavior="alternate"
 Introduciendo este parámetro la marquesina reborará dentro del tamaño especificado por width/height.
Color y tamaño de la Letra:
Para esto es necesario agregar el parámetro style="FONT-SIZE: XX; COLOR: #rraagg", donde XX es un valor numerico definido en pixeles / porcentaje y el color es definido por un Color HEX .

Esto nos dará un resultado como este:
Prueba

<marquee style="FONT-SIZE: 30px; COLOR: #ff0000" behavior="alternater" width="100" bgcolor="#000000" height=
"40">Prueba</marquee>


 
 Technorati : Marquesinas, marquee, marquesinas para blogger



Obten visitas Via Google
2007-06-29T12:03:00.001-07:00
Alguna vez se han preguntado: ¿Por qué no obtengo suficientes visitas?
Bueno, la verdad es que supongo que cada buen Blogger en un comienzo piensa al respecto, lo que muchos no saben es que Google puede no estar Indexando sus páginas ya que nadie los linkea ( aún ), para solucionar esto en un comienzo es necesario tomar la iniciativa:
¿Cómo te conocerá Google si tu no te presentas?
 Lo primero que tienes que hacer como cuando estas conociendo a alguien es presentarte, por lo que tienes que conseguir que Google comience a tomarte en cuenta a la hora de Indexar tu Blog.

Para hacer esto, es necesario que le mandes la dirección de tu Blog/Web y los comentarios de tu web mediante este formulario:
Agregue/Quite su URL a Google
Ya que completes el envío de tu Blog/Web por medio de Google, simplemente tienen que indicarle un poco más donde quieren que busque, para esto usaremos una herramienta la cual ya trae Google en sus "Herramientas para Webmasters" estoy hablando de Google Sitemaps.
Primero dirijase a Google Sitemaps, después simplemente agreguen su dirección Web en la cuadro de texto que se encuentra en la parte superior:

Después tienen que verificar su sitio web, para hacer esto simplemente hagan click en "Verifique su sitio Web" que se encuentra en una caja amarilla.


Ahora les darán dos opciones para verificar su sitio, la más sencilla es agregar un código el cual ellos te darán al HTML de tu Blog/Web el blog debe de parecerse a este::

  <meta name="verify-v1" content="emG3MRtV1m2+opzYjBepYzu2b47xO4fomRgfNavKeOI=" />


Ahora ( en Blogger ) nos vamos a edición de Plantilla, en Edición HTML, recuerden que para agregar el código deben cambiar todas las Comillas ", por Comillas simples '.
El código lo deben agregar antes de </head>, y debe lucir así:

  <meta name='verify-v1' content='emG3MRtV1m2+opzYjBepYzu2b47xO4fomRgfNavKeOI=' />


Una vez que el código este en su sitio, simplemente dele al botón "Verificar" y esta listo, ahora Google indexara sus páginas con más velocidad.

 
 Technorati : Google, Google INdexing, Google Sitemaps, Indexando Google



Generador HEX Color
2007-06-29T05:30:00.001-07:00
Esto les servirá a todos ustedes que se encuentren editando colores de códigos HTML, Javascript, CSS y otros. Básicamente es ese código de color el cual esta en formato #RRBBGG, para usar este programa simplemente elijan el color moviendo el cursor y copien el código que se encuentra en HEX.































 
 Technorati : Generador Hex Color, Hex Code Generator



Agrega una Radio a tu Blog
2007-06-28T21:17:00.001-07:00
Recientemente me e encontrado con mucha gente preguntándome respecto a la radio ( por medio de Exolimpo ), la cual esta hecha con Flash y tiene una lista de reproducción ( la cual ustedes definen ). Este Tutorial esta hecho para que ustedes definan que canciones quieren y tengan control total sobre el contenido de su radio.
Requerimientos Mínimos:


Lugar donde subir los archivos:
Es necesario que se tenga un lugar donde subir los archivos que soporte PHP.
También es necesario un servidor ( no necesariamente de pago ) el cual tenga un limite de transferencia decente para que no deje de funcionar ( dependiendo del trafico )
Tener archivos MP3 en tu PC
 Es necesario tener los archivos de música en formato MP3 ( .mp3 ) para posteriormente convertirlos con la utilidad que trae el script.

La Instalación y puesta en Funcionamiento:


Ahora si cumples con los requerimientos mínimos, lo primero que tienen que hacer es descargar el SCRIPT:
http://stat.radioblogclub.com/radio.blog.3.1.8.zip


Posteriormente a la finalización de la descarga, descomprime el archivo, deben de haber 2 carpetas, una llamada "sounds" la cual es la que subiremos a nuestro servidor y la otra se llama "creat.sound" que es donde convertiremos nuestros archivos MP3.


Sube el contenido de la carpeta "sounds" a tu servidor, los documentos que debes subir son:
playlist.php, template.xls, crossdomain.xml


Así que para comenzar, copia los archivos MP3 que desees a la carpeta "creat.sound" luego ejecuta el archivo "convert64.bat".
 Lo que esta haciendo ahora es simplemente convertir los archivos MP3 en un documento el cual nuestra radio va a leer, recuerde que una vez finalizada la conversión, borre los archivos MP3 que se encuentran en la carpeta de raíz "creat.sound" esto es para que en el futuro no los convierta de nuevo.


Ahora crea una carpeta en tu servidor, exactamente donde se encuentran los los archivos: playlist.php, template.xls, crossdomain.xml
Al crear una carpeta estas creando una nueva lista de reproducción,.


Sube los archivos que convertiste ( se encuentran en ...\creat.sound\sounds\ ) en la carpeta que acabas de crear.
Al hacer esto le estas "agregando" pistas a tu lista de reproducción.


Instalación en el Blog
Una vez que ya este todo listo, llega el momento de instalarlo en el Blog, esto no es difícil:

Vayan a Editar su Plantilla, específicamente en Edicion de HTML y agreguen el siguiente código antes de </head>

<script type="text/javascript" src="http://stat.radioblogclub.com/radio.blog/radio.blog.js"></script>


Elementos de Página. Le dan a agregar elemento y seleccionan HTML.
Agregan el siguiente código haciendo los debidos cambios:


<script type="text/javascript">

//Direccion de el archivo playlist.php en tu servidor
RadioBlog.playlist = 'http://www.tuhost.com/ruta/sounds/playlist.php' //Ancho puedes definirla en pixeles ( px ) o porcentajes
RadioBlog.width = '100%';
//Altura puedes definirla en pixeles ( px ) o porcentajesRadio Blog.height = '100%';
//Color de Fondo
RadioBlog.color.body = '#FFFFFF';
//Color de Borde
RadioBlog.color.border = '#FF6600';
//Color de Botones
RadioBlog.color.button = '#FFB96E';
//Color del texto en el Player
RadioBlog.color.player_text = '#ff8c00';
//Color del texto en la lista RadioBlog.color.playlist_text = '#975000';
RadioBlog.cover = '0';
RadioBlog.start();</script>


Si tienen dudas respecto a los colores pueden revisar este Post: Generador hex Color
¡Guarda el Widget que acabas de crear y eso es todo, tus visitantes podran escuchar música en tu Blog!



Technorati : Radio Blog, Radio para tu Blog, Tutorial para Radio en tu Blog



Las Novedades del Blog
2007-06-28T10:53:00.001-07:00
Bueno como podran haber notado los que visitan periodicamente este Blog han ocurrido algunos cambios, entre los cuales destacan:
Cambio de Plantilla a TBlack 1.0 por Kurodesu
Ausencia de muchas entradas antiguas ( Revisión )
En estos momentos estoy dando los últimos toques a el Diseño/Blog, así que porfavor tengan paciencia y esperen ver muchos trucos nuevos por aquí.


Chat para tu Blog
2007-06-27T05:19:00.001-07:00
De nuevo desde Exiliados del Olimpo les traigo un nuevo truco, en esta ocación algo que les permitira tener más interacción con sus usarios.

Estoes, un chat el cual pueden editar en tamaño y fondo, para ponerlo en su blog ( muy similar al MSN ), simplemente cualquiera puede entrar y es muy bueno debido a su poco tiempo de carga y su opcion de guardar mensajes ( para poder navegar y chatear ).

Pueden ver un ejemplo en : http://blog.exolimpo.com

Para conseguir uno simplemente necesitan entrar a http://www.xatech.com/web_gear/chat.php#top

Posteriormente elegir un fondo ( a la izquierda ) y hacer click en Update & Get Code, obtendran un código SIMILAR a este:

<embed src=http://www.xatech.com/web_gear/chat/chat.swf quality=high bgcolor=#000000 width=540 height=405 name=chat FlashVars="id=6345045" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.xatech.com/update_flash.shtml" /><br><small><a target="_BLANK" href="http://www.xatech.com/web_gear/?cb">Get your own Chat Box!</a> <a target="_BLANK" href="http://www.xatech.com/web_gear/chat/go_large.php?id=6345045">Go Large!</a></small><br>

El cual pueden poner en cualquier widget o Post


9 minutos de fama
2007-06-27T05:18:00.003-07:00
Voy a hablarles de como conseguir 9 minutos de publicidad gratis.
En 9minutesoffame te darán 9 minutos, en los que se escogeran los ultimos 5 posts de tu blog y la gente que visita la página, entrará a verlos.
Cuando el tiempo de un blog se acaba, sale un recuadro en el que debes poner la URL de tu blog rapidamente, pues el primero que lo envia consigue los 9 minutos.
No es tan facil como parece... :)

Valor	Descripción
none	El elemento no se mostrara ( sin embargo el Explorador lo cargara )
block	Se mostrara como un elemento de Bloque, es decir tendrá un salto de linea antes y después del elemento.
inline	Default. Sera mostrado como un elemento de linea, no tendrá salto de linea ni antes ni después.
list-item	El elemento se mostrará como un elemento de Lista.
run-in	El Elemento sera mostrado como Nivel-Bloque o como Inline, dependiendo del contexto.
compact	El Elemento sera mostrado como Nivel-Bloque o como Inline, dependiendo del contexto.
marker
table	El elemento sera mostrado como una Table de Bloque ( como <table> ) con salto antes y después del elemento.
inline-table	El Elemento sera mostrado como una Tabla de Linea ( como <table> ) sin salto antes o después del elemento.
table-row-group	El elemento sera mostrado como un grupo de una o más filas (como <tbody>)
table-header-group	El elemento sera mostrado como un grupo de una o más filas (como <thead>)
table-footer-group	El elemento sera mostrado como un grupo de una o más filas (como <tfoot>)
table-row	El elemento se mostrara como una fila de tabla (como <tr>)
table-column-group	El elemento sera mostrado como un grupo de una o más columnas. (como <colgroup>)
table-column	El elemento sera mostrado como una columna de celdas (como <col>)
table-cell	El elemento sera mostrado como una tabla de celda(como <td> y <th>)