Ofrece Traducir tu Blog

De nuevo desde Exiliados del Olimpo, vengo para traerles un simple truco el cual les permite ofrecer 2 idiomas extras en su blog.

¿Cual es la diferencia entre agregarlo manualmente y agregarlo por medio de este metodo?

La url que va a traducir, es dinamica, es decir, supongamos que un visitante esta en un post individual y tienes la opción de traducción puesta en html ( pero que vaya a tu página principal ), el usuario al hacer click saldría de ese post ya que el traductor lo manda a la página principal ( establecida en el link ).

Si no entienden lo que intento explicar, simplemente revisen este link hagan click en cualquiera de los botones de traducción y veran que traduce esa misma entrada.

Ahora, vayamos a la parte interesante, ¿Cómo hacerlo?

Lo que ustedes tienen que agregar es el código dentro de cualquier elemento del Menu, despues de:

<data:content/>

Pegan esto:

<h2>Translate/Traduisez</h2>
<div style='text-align:center;word-spacing: 8px;padding:0 5px 0 5px;'>
<a expr:href='"http://translate.google.com/translate?u=" + data:blog.url + "&amp;langpair=es|en&amp;hl=es&amp;ie=UTF-8&oe=UTF-8&prev=/language_tools"' target='_blank'><img align='absbottom' src='http://img186.imageshack.us/img186/6205/ussm0.gif' style='border:none;'/></a>
<a expr:href='data:blog.url' target='_blank'><img align='absbottom' src='http://img501.imageshack.us/img501/9021/mxea4.gif' style='border:none;'/></a>
<a expr:href='"http://babelfish.altavista.com/babelfish/trurl_pagecontent?lp=es_fr&amp;url=" + data:blog.url ' target='_blank'><img align='absbottom' src='http://img294.imageshack.us/img294/3779/frdg5.gif' style='border:none;'/></a>
</div>


Un ejemplo de lo que les digo para que entiendan:

Primero decidi que quería poner mi Buscador DENTRO del Widget, por lo que lo busque en el html ( por medio del titulo ), así quedo:

<b:widget id='HTML5' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
<h2>Translate/Traduisez</h2>
<div style='text-align:center;word-spacing: 8px;padding:0 5px 0 5px;'>
<a expr:href='"http://translate.google.com/translate?u=" + data:blog.url + "&amp;langpair=es|en&amp;hl=es&amp;ie=UTF-8&oe=UTF-8&prev=/language_tools"' target='_blank'><img align='absbottom' src='http://www.exolimpo.com/images/us.gif' style='border:none;'/></a>
<a expr:href='data:blog.url' target='_blank'><img align='absbottom' src='http://www.exolimpo.com/images/mx.gif' style='border:none;'/></a>
<a expr:href='"http://babelfish.altavista.com/babelfish/trurl_pagecontent?lp=es_fr&amp;url=" + data:blog.url ' target='_blank'><img align='absbottom' src='http://www.exolimpo.com/images/fr.gif' style='border:none;'/></a>
</div>

</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>

Si tienen suerte quedara algo similar a lo que hay en Exiliados del Olimpo

Galerías para tu Blog

De nuevo, aquí Kurodesu desde Exiliados del Olimpo.
Aquí les explicaré como hacer galerías para su web, simplemente tienen que tener una cuenta Flickr, la cual es gratuita, no es necesario pagar nada ( a menos que quieran la versión Pro, la cual les da bandwidth ilimitado )

Ahora, lo primero que tienen que saber, es que poner sus galerías en el blog, puede resultar en un gran uso de bandwidth ( en su cuenta flickr ) dependiendo de la cantidad de gente que entre a su Blog.

Les puede o no resultar el hacer sus galerías en Flickr ( si tienen mucha gente ) ya que en mi caso, el limite de bandwidth ( transferencia ) mensual de 100mbs fue usado en menos de 1 día, por lo que terminé comprando una cuenta pro.

Para poder hacer su galería con flash simplemente tienen que crear su cuenta, subir algunas imagenes y ponerlas en un Set ( en el menu de flickr, You > Your Sets ) posteriormente ir donde se ubica la galería, en este caso: http://blog.exolimpo.com/2007/06/galeria-anime-chicas-lindas.html

Hacen click en la parte derecha inferior del elemento flash ( donde dice Info ) y les pedira que introduzcan su usuario ( el nombre de tu cuenta flickr ), luego cargara y le haces click en Sets ( que son el grupo de albums que posee tu cuenta ), lo seleccionas y copias el código que te da.

El código simplemente se introduce vía la pestaña HTML a la hora de poner un Post.

Contador de Visitas Flash Avanzado

Bueno, aquí les traigo un “truco”, más bien un servicio el cual uso en mi Blog Exiliados del Olimpo, un contador GRATIS, el cual es extremadamente bueno y te brinda un sin fin de opciones ( como usar el contador invisible, usar skins flash para tu contador etc ):

Además te dan otros servicios los cuales son gratis:

• Muestra que palabras usan en los buscadores para llegar a tu Web/Blog
• Visitas únicas, impresiones de página, quien esta Online, Visitas Totales ( configurable )
• Tiene un sistema de predicción el cual hace aproximaciónes de cuantas visitas recibirás en el día ( basado en porcentajes )
• Te muestra gráficas, datos de tus usuarios ( que sistema operativo usan, resolución de pantalla y más )

Todo es completamente gratis, puedes verlo en acción en http://blog.exolimpo.com

Simplemente tienes que Registrarte

Detectar navegador con CSS

El siguiente truco esta basado en una de las características de Internet Explorer que es el no aceptar los comentarios formados por doble barra (//), por lo que cualquier cosa seguida por // lo entenderá como parte del código. Por ejemplo:

// display: hidden;

Firefox lo tomará como comentario y no ejecutará e IE lo tomará como código y lo ejecutará. De esta manera, podemos mostrar diferentes cosas dependiendo del navegador. Por ejemplo, en este caso, el rectángulo inferior será rojo si no se usa Internet Explorer y verde si lo es.

El CSS necesario es la siguiente:

#nonie, #iebased { margin: auto; margin-top: 20px; width: 400px; padding: 10px;
background-color: #f8e6e6; border: 1px solid #d2a2a2;
//background-color: #dbecd3; //border: 1px solid #b1d2a2; }

#nonie { //display: none; }

#iebased { display: none; //display: visible; }

Y estos los dos DIVs que se obtendrían dependiendo del navegador:

<div id="nonie">No estás utilizando Internet Explorer.</div>

<div id="iebased">Estás utilizando Internet Explorer.</div>

Para colocarlo como widget en Blogger, debemos colocar el CSS antes de ]]></b:skin>

Y colocar codigo de los DIVs en:

Plantilla–Elementos de la Pagina–HTML/JavaScript

Guardamos los cambios y listo

Via: Vagabundia

Plugoo Mensajero para tu Blog

Saludos, soy Kurodesu de Exiliados del Olimpo y probablemente estare poniendo trucos que vaya descubriendo/haciendo desde mi blog. Sin embargo por ahora estoy bastante cansado así que pondre la entrada tal cual para que puedan checar este nuevo

Hoy me encontré con una utilidad muy buena la cual la verdad me pareció una maravilla, esto es para todos aquellos que deseen estar en contacto con los usuarios de su blog sin problema alguno, simplemente tienen que visitar http://www.plugoo.com/ y registrar una cuenta gratuita ( no necesitas entregar nada más que tu dirección de correo electrónico ), básicamente funciona de la siguiente forma:

Usuarios-> Plugoo -> Tu

Donde los usuarios son los visitantes de tu web, Plugoo es un email que te agrega al Mensajero Instantáneo ( AIM, MSN, Yahoo, etc ) y Tu ( tu Mensajero ).

Esto es COMPLETAMENTE en Linea, por lo que puedes estar hablando anónimamente con tus usarios sin que ellos sepan tu correo electrónico, bastante lindo.. ¿no? además como es en Linea ( y tienes que dormir / trabajar ) puede guardar mensajes para entregártelos luego por el Mensajero o Email.

Stickers en tu blog.

Sigo navegando y encuentro lo siguiente…

¡Pegatinas en el Blog!

Pues sí, puedes poner stickers en tu blog de entre los que hay en la galería de la página. El proceso es largo, pesado y en inglés pero el resultado es muy bueno y a mí personalmente me gusta mucho. Debes registrarte en BlogStickers y a continuación elegir el sticker que quieres. Se te dará un código HTML que llama a un Javascript de esa web y listo. Incluyelo y ya está.

Si tenéis algun problema dejar un comentario.

¿Cuanto vale tu Blog?

Lo primero de todo presentarme. Soy Cronos y a partir de ahora me vereis publicar a menudo.

Navegando incansablemente como cada dia, he encontrado esta herramienta para bloggers que si bien no es muy útil, al menos es un indicativo del rendimiento del blog. Se trata de averiguar el coste en dolares de tu blog.

El sistema, que encontraras aquí, te dice el valor de tu blog a partir de la URL y te permite poner el cuadro resultante en tu web con un sencillo código HTML.

¿Cuanto vale tu blog?
Deja un comentario.

Tecnoraro

Deja que tus usuarios se tomen una foto en tu web con bloggersnap

Que carajos hace este gadget? bueno, basicamente lo unico que hace es permitir a tus usuarios tomarse una foto con su cam y que esta misma aparezca en tu web, es una aplicacion simple y curiosa n.n

Muajajajajaja, esto es muy bueno, un super gadget, bien bien, tan facil como entrar a la siguiente pagina:

http://www.bloggersnap.com

Ahi se registran, les mandaran un mail para verificar y luego lo unico que necesitan es acceder a su cuenta donde van a modificar los colores de la aplicacion, una vez que ya hayan dejado todo como ud necesitan se les dara un codigo mas o menos como este:

Y pues si todo sale bien, la aplicacion quedara mas o menos asi:

Existen cuentas pagadas que tienen un sistema de galerias, no es mucho lo que tienen que pagar, la cuenta gratuita solo permite mostrar una foto a la vez y al tomar otra se borra la anterior.

Salud y rock chicos

Recuerden visitar www.alamedianoche.com n.n

Proteger email con Javascript

¿Por que mi e-mail se llena de basura (spam)? Pues la respuesta es facil, de seguro habras colocado tu email en alguna pagina web/blog, pero los spammers no se ponen a revisar cada web/blog para llenar nuestro e-mail de basura: entonces ¿quien hace el trabjo sucio? pues los Spambots, ¿que son los spambots?, pues son maquinas diabolicas que estan al servicio de sus dueños, los “Spammer” que se encargaran de hacerte perder el tiempo borrando cada uno de sus malevolos mensajes, e incluso engañarte con algun mail publicitario.

¿Como hago para protegerme?

Usando Javascript. Puesto que los spambots rastrean todo el codigo que se encuentre en tu blog y si lo encuentra, enseguida enviara spam, pero el unico codigo que no rastreara es el JavaScript.

El codigo seria el siguiente:

<SCRIPT TYPE="text/javascript">
<!–
emailE=(‘yourname@’ + ‘emailserver.com’)
document.write(‘<A href="mailto:’ + emailE + ‘">’ + emailE + ‘</a>’)
//–>
</script>

Pero como no todos los usuarios que visitan tu pagina usan Tienen el JavaScript habilitado, asi que les dejaremos un mensaje para que lo habiliten, quedando el codigo asi:

<SCRIPT TYPE="text/javascript">
<!–
emailE=(‘yourname@’ + ‘emailserver.com’)
document.write(‘<A href="mailto:’ + emailE + ‘">’ + emailE + ‘</a>’)
//–>
</script>

<NOSCRIPT>
<em>Direccion de Email protegido por Javascript.<BR>
Por favor habilita JavaScript para contactarme.</em>
</NOSCRIPT>

Podemos colocar este truco como un widget (Plantilla–Elementos de Pagina), o para colocarlo en algun post, segun vuestras necesidades. Espero os sirva.

Imagen/botón ir a arriba en tu blog

Este hack lo podemos poner de dos formas “flotante” o al fondo del blog, con flotante me refiero a que va bajando con el scroll, para colocarlo “flotando necesitamos colocar el siguiente código antes del </body>

<a href=”#”><img src=”aquí la url de la imagen ” alt=”ir arriba” border=”0″ style=”position:fixed; bottom:0; right:0;” /></a>

Y para colocarlo debajo de todo el blog, crearemos un widget en la pagina de: Plantilla–Elementos de la pagina–Añadimos nuevo elemento de pagina–HTML/Javascript Y colocamos el siguiente codigo:

<a href=”#”><img src=”aquí la url de la imagen” alt=”ir arriba”/></a>

Guardamos y arrastramos (drag and drop) el widget hasta el final del post.
Espero os haya servido

Truco basado en el post de Josscat.