
E n una entrada anterior les comentaba como crear un fondo de pantalla online.
Esta vez ingresando en InstaSever podrás crear un salvapantallas personalizado.
En solo 3 pasos lo podés hacer muy facilmente.
1- Le ponés nombre al salvapantallas que vas a crear
2- Después subís las imágenes que quieras desde tu pc, o desde Flickr
3- Elejís entre los muchos efectos de transición que tiene, que además podrás combinar, también podrás ponerle una marca de agua a tu gusto, configurar la velocidad, y elegir entre los muchos fondos que tiene disponible.
Lo último es clickear en "Next" y te saldrá este mensaje:
Click en el link y descargamos el paquete de instalación, que se instalará automáticamente en el controlador de salvapantallas.
Y pronto :D
Salvapantallas personalizados Online
Tab Menu

C omo en ocasiones recientes, el genial Jose Luis de Caratulworld me hace llegar sus inventos para difundirlos.
En esta ocasión se trata de un genial menú, que da al blog una vista super profesional.
Actualización 29/04/08
Lo prometido es deuda, lo pueden ver también acá
Es importante que siempre antes que hagas un cambio en la plantilla guardes una copia, por si el truco no te funciona o no te gusta puedas volver a lo que tenías.
Nada es infalible...^_^
Primero que nada debes descargarte este archivo
Una vez que está descomprimido verás que en el están los archivos de imagen del ejemplo que pueden ser reemplazados por los de tu elección, o mejor dicho los que queden mejor en tu blog, también encontrarás los archivos .js, que deben ser subidos a un hostin ejemplo Google Pages Yahoo! GeoCities.
Una vez que tenemos la URL de los scripts, debemos pegar lo siguiente justo a continuación de </head>
<script src='http:AQUI URL DE TU/prototype.js' type='text/javascript'/>
<script src='http:AQUI URL DE TU/effects.js' type='text/javascript'/>
<script src='http:AQUI URL DE TU/tabslide.js' type='text/javascript'/>
A continuación debemos agregar el siguiente código Css si es que tu blog no cuenta con un menú, de lo contrario debemos sustitirlo por el mismo.
#MENU {
border: 1px solid #1F669B;
width: 600px;
height: 310px;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 11px;
position:relative !important;
display:block;
overflow:hidden;
background-image:url(http://img363.imageshack.us/img363/5102/astonoz8.jpg);
background-repeat:no-repeat;
background-position:top left;
}
h3 {
font-size: 12px;
padding: 6px 6px 4px 35px;
margin: 0;
color:#fff;
border-bottom:1px solid #333333;
cursor:pointer;
display:block;
background-image:url(http://img292.imageshack.us/img292/3439/tableftpj1.gif);
background-position:top left;
background-repeat:no-repeat;
}
#visible {
background-image:url(http://img296.imageshack.us/img296/9015/tableftactivevc5.gif);
border-bottom:1px solid #DA1074;
}
.panel_body {
height:150px;
background-color:#333333;
display:block;
position:relative;
color:#FFFFFF;
}
.panel_body div {
padding:3px 5px;
}
.panel{
bottom:0px;
margin:0px;
padding:0px;
background-image:url(http://img178.imageshack.us/img178/750/tabrightyy7.gif);
background-position:top right;
background-repeat:repeat-x;
background-color:#333333;
}
.wrapper{
bottom:0px;
position:absolute;
}
En este ejemplo ya están incluidas las urls de las imágenes del ejemplo (en negrita), pero en el caso que tengas tus propias imágenes deben ser sustituidas por las urls de tus imágenes.
Ahora vamos la estructura del menu haciendo la llamada al Div:(que iria donde tienes actualmente el tuyo o en elementos de pagina)
<CENTER><div id='MENU'>
<div class='panel' id='panel1'>
<h3><a href='http:AQUI URL A ENLAZAR/'>TITULO 1</a></h3>
<div class='panel_body' id='panel1-body'>
<div>
Galería flash para Blogger
</div>
</div>
</div>
<div class='panel' id='panel2'>
<h3><a href='http:AQUI URL A ENLAZAR/'>TITULO 2</a></h3>
<div class='panel_body' id='panel2-body'>
<div>
Contenido del panel 2
</div>
</div>
</div>
<div class='panel' id='panel3'>
<h3><a href='AQUI URL A ENLAZAR/'>TITULO 3</a></h3>
<div class='panel_body' id='panel2-body'>
<div>
Contenido del panel 3
</div>
</div>
</div>
<div class='panel' id='panel4'>
<h3><a href='http:AQUI URL A ENLAZAR/'>TITULO 4</a></h3>
<div class='panel_body' id='panel2-body'>
<div>
Contenido del panel 4
</div>
</div>
</div>
</div></CENTER>
Una vez realizado todo esto, primero nos fijamos en la vista previa, antes de guardar los cambios, para asegurarnos de que todo se ve bien.
Pronto ya está para ver un ejemplo realizado por Jose Luis pueden visitarlo AQUI
NOTA:
Esta es la parte básica, los códigos pueden ser cambiados de manera tal que quede mejor en el estilo de tu blog.
Por un tema de tiempo no lo he podido instalar todavía en ninguno de mis blogs, estoy bastante atrazada en todos :$ asi que prometo que en el correr de la semana lo instalaré y avisaré para que vean mi creación ;)
Gracias 
Seguir Leyendo...[+/-]
Dragon Room
P ara este fin de semana les dejo otro de los viejos y queridos juegos de escape.
En este caso se llama Dragon Room porque en la puerta de salida hay un dibujo de un dragón.
Como siempre se trata de encontrar herramientas que te ayudarán a escapar de esta habitación.
Tendrás que encontrar un destornillador, una bola azul, un papel amarillo y una llave.
A mi me costó un poco pero lo logré, asi que suerte !!!
- 1. Click en el recodo= llave
2. Izquierda, click en el lateral derecho de la fotocopiadora= papel amarillo
3. Click en la esquina inferior izquierda de la pantalla= moneda
4. Mirar el orden de colores de la pared= azul-amarillo-rojo
5. Izquierda= silla
6. Izquierda, coloca la silla debajo del proyector, clic en la parte inferior del proyector hasta que la lente se pone azul
7. Click en la lampara blanca central del techo, coloca el papel en la parte inferior de la lámpara
8. Veras un modelo de cuadros amarillos en la pared
X..
.X.
..X
9. Click en el lateral derecho de la planta, click en la bola azul= destornillador
10. Flecha para salir del lateral de la planta= bola azul
11. Izquierda, toma nota del modelo de cuadros azules
XX.
.X.
.XX
12. Izquierda 2 veces, click en el panel inferior, coloca la bola azul en la primera posición y pulsa las otras dos hasta seleccionar los colores de la pared de la fotocopiadora
13. Derecha, toma nota del modelo de cuadros rojos
.XX
.X.
XX.
14. Derecha, click en el panel gris, abrelo con el destornillador, hay un modelo de cuadros violetas, (el violeta es un color que se forma con el rojo y azul) examina los modelos de colores y pulsa solo los que combinados, forman el color violeta
.X.
...
.X.
15. Usa la moneda en el botón celeste
16. Click en el recodo donde encontraste la llave, veras una puerta con un dragón, usa la llave
Final Perfecto !!
Emezeta Rank - Cacula tu éxito en la red

Y a anteriormente había hablado de Page Rank y de las personas que le dan mucha importancia al posicionamiento.
Para ellos esta herramienta es muy útil.
Ingresando en Rank Emezeta encontraremos una manera online que te dice de forma personalizada y en español el "éxito" que tiene tu blog.
Solo tenés que poner la url de tu blog, y enseguida (entre 10 seg y 2 min) te genera una puntuación, según el resultado de varias consultas que realiza el sistema a otras webs de registros importantes en la red, y análisis de herramientas que utilizás.
Te lo despliega de manera de resumen, dándote consejos útiles para mejorar aquellos puntos débiles, que el sistema considera que mejorarían tu posición en la red, incrementando tus visitas.
Se actualiza cada 48 horas, osea que va cambiando, lo cual nos lleva a ir mejorando según los consejos que nos va dando en cada actualización.
En el caso de este blog, hay varias cosas por "solucionar", pero cada cosa a su tiempo ;)
WallpaperMaker - Creación de fondos de pantallas

L a herramienta que les presento en esta ocasión, no tiene mucho que ver con blogs, pero capás que les puede llegar a servir. ;)
Se trata de WallpaperMaker, donde de una manera muy fácil, y sin necesidad de registro, te podés crear con tan solo algunos clicks, un muy lindo fondo de pantalla, como el que yo me creé y ya lo tengo implementado. :D
Solo tenés que elegir entre varias imágenes que te dan para elegir como fondo, y luego le vas sumando otras pequeñas imágenes y elementos que están allí.
El tamaño de la imagen lo toma de nuestra configuración de pantalla, asi que ni de eso nos tenemos que preocupar :) aunque siempre tenemos la posibilidad de cambiarlo.
Y pronto, lo guardamos y ya está !!!
Conversor online

E n All2 Convert Podés convertir cualquier video al formato que prefieras online, muy buena herramienta, aunque anteriormente ya había hablado de otras opciones.
Opción 1 - Opción 2.
Este es un sitio donde descargar videos de YouTube a cualquier otro formato y no al cásico FLV.
En Covert Youtube, sólo con ingresar la URL del video, seleccionar el formato deseado, según en donde lo vamos a reproducir.
Los formatos que soporta son MPEG (PC con Windows), MOV (para MAC), DVD (para DVD), MP4 (para iPod, PSP, iPhone), 3GP (para móviles), MP3 (sólo el audio del video), WAV (sólo el audio del video), FLV (para Flash)
Filsh.net, es una de las mejores herramienta Web con la que se puede descargar, convertir o cambiar de formato, a cualquier vídeo que esté en cualquiera de los principales portales de video, he incluso de los que tenés guardados en tu pc.
Con un proceso muy sencillo, ya que solo tenés que copiar la URL del vídeo que deseás descargar, ó encontrar la ruta del video que tenés guardado, y hacer click en continuar.
Lo mejor es que podés convertir el video elegido en el formato que quieras y ajustar sus valores como mejor te convenga.
Paintball
H ace un tiempo que estoy con ganas de jugar al Paniball, pero por una razón u otra, me está quedando en el debe, asi que por ahora me conformo con este juego para el fin de semana, que mejor idea que juagar al Paintball virtual el la oficina ;)
Que tengan un lindo finde !!! ^_^
Este juego viene de la página Miniclip que la conocí gracias a los juegos que tiene Nicolás en su blog. ^_^
Está bárbara esta web, hay cantidad de juegos en flash, que incluso podés incluir en tu blog, porque proporcionan el código para poder pegarlo !!!
Fotolog
D e un tiempo a esta parte se están popularizando los Fotolog, que son ni mas ni menos, sitios en donde colgar tus fotos, y que otros la comenten.
La Wikipedia dice:La palabra fotolog en español tiene dos orígenes: derivada del inglés photoblog (bitácora fotográfica) y derivada del sitio Fotolog.com (una de miles de bitácoras pertenecientes a una comunidad). A diferencia de un álbum de fotos, en un fotolog se publican unas pocas fotos diarias, generalmente una sola.
En mi caso, no me llaman mucho la atención, es más prefiero manejar un blog en donde publicar mis fotos; además los pocos fotologs que vi, están repletos de publicidad y el diseño en general es de muy mala calidad.
Lo simpático de esto es que dos grandes blogueros como son Alejandro de Spam Loco y Jose Luis de Caratulworld, al parecer están en sintonía, y en esta semana lanzaron una plantilla cada uno, para crear un fotolog en Blogger, o como le dice Alejandro "Flogger".
Vamos por partes :)
Primero visitando a Alejandro en Spam Loco, encontrarás todo lo que tenés que saber sobre su plantilla, que según el mismo dice, todavía se está modificando porque tiene algunos errores por afinar, sería la versión 1.0
Con errores y todo tienen muy buena pinta, sobre todo la versión en Negro, pueden descargar las plantillas libremente en sus dos versiones Rojo o Negro, y verlo en funcionamiento AQUI y de paso ver fotos de mi querido paisito ;)

En segundo lugar Jose Luis de Caratulworld me hizo llegar vía mail, la novedad.
Al parecer por accidente pudo crear una plantilla para un fotolog, pero con una apariencia mucho más profesional que los fotologs comunes, él le llama "Photoblogger".
Ingresando AQUI podrán ver el fotolog en funcionamiento, y tendrán toda la infomación necesaria para instalar la plantilla, y obviamente la podrán descargar libremente.
Lo único que pide es que no se remuevan los créditos.
Lo que hace tan especial a esta plantilla es que la presentación de la imágenes, es en flash, con efecto de Slide, y las fotos quedan enmarcadas de manera tal que parecen fotos de Polaroid.
La verdad es que como le comentaba a Jose Luis, ojalá a mi me pasara que pudiera crear estas cosillas por accidente como le ocurrió a él. Eso debe ser muy gratificante no?
Es muy simpático lo que me ha pasado esta semana, es que hace un rato que estoy buscando plantillas para cambiar la apariencia de mis otros blogs, y me estaba costando mucho con mi blog de fotos, y justo en la misma semana, dos amigos crean plantillas para Fotolog !!! realmente es una muy grata casualidad ;)
Espero que disfruten estas plantillas, y obviamente espero comentarios ^_^
Seguir Leyendo...[+/-]
Fabchanell

M i querido nuevo amigo Richard de Fruta Fresca, (un excelente blog de música de varios estilos, con descargas de una calidad estupenda), me hace llegar el dato vía mail, de esta nueva opción al momento de ver online conciertos de música, de muy buena calidad de sonido y video.
El lo presenta como una alternativa al desaparecido Stage6 con toda la razón.
Se trata de Fabchannel y Ricahrd dice con sus propias palabras:
"pues se trata de una pagina donde solo hay conciertos enteritos y tan solo das a PLAY y ya empieza, cargan los buffer rapidisimo, es una maravillaaaaaaaaaa, yo he includo un concierto de un grupo que me encanta THE BRAND NEW HEAVIES.
y si ve genialllllllllll y el sonido increible, lo bueno tambien es que esta en español y te dan el codigo embed para copiarlo y pegar en cualquier blog, web o foro jejejejjej, increible verdad?"
Pues mejor explicado imposible, la verdad no puedo agregar nada más, y confirmar que la descarga es prácticamente inmediata y la calidad es fantástica :)
8 Cosas que Deseo Hacer Antes de Morir
D esde Vistos Buenos, recibo un difícil trabajo, y es elegir “8 Cosas que Deseo Hacer Antes de Morir”.
Pero adhiero a lo que dice Antony "No pienso mucho en el futuro, creo que hay que vivir el presente para tener un futuro hecho por si solo, no diseñado."
Las reglas son las siguientes:
1. Cada jugador comienza con un listado de ocho cosas que quiere hacer antes de morir, no importa las que sean, pero ocho.
2. Hay que escribir esas ocho cosas en su blog, junto con las reglas del juego.
3. Hay que seleccionar a ocho personas más, invitarlas a jugar y anotar sus nombres o el nombre de su blog.
4. Es importante no olvidar dejar un comentario desde donde nos invitaron a jugar.
1. Tener un hijo.
2. Viajar muuuucho.
3. Casarme.
4. Tirarme en paracaidas.
5. Ayudar a mucha gente.
6. Adelgazar jeje ^_^.
7. Terminar mi casa.
8. Ver a Led Zeppelin reunido.
Y como siempre te lo paso a vos que etás leyendo esto !!! ;)
Bear Room Escape

Para entretenerse el fin de semana, les dejo otro juego de escape, me están obsesionando !!! :$
Demoré un poco con este, va con todos demoro una cantidad, pero no puedo para hasta realizarlo, no es tan difícil.
Suerte !!!
- 1. click en la pata izquierda de la mesa, mirar secuencia de colores, bola azul a la derecha de la pantalla
2. click en la planta, naranja del suelo, una bolita verde de la tierra de la maceta
3. derecha, mira el corazón rojo, click debajo de la cama, bola violeta
4. derecha, bola naranja de la silla naranja
5. click en la mesa, cola amarilla y mira el trébol verde, levanta el plato, un cuchillo
6. selecciona la bolita verde y click en el vaso, se hará grande
7. selecciona el cuchillo y corta la naranja 2 veces, bola roja
8. derecha, click en la caja de la izquierda, destornillador
9. derecha, click en la puerta, usa el destornillador, fíjate en la estrella amarilla
10. izquierda, click en la caja de la derecha, limón, selecciona el cuchillo y córtalo, luego úsalo en la zona blanca de la izquierda de la caja, toma nota de los símbolos, el oso
11. click en la caja de seguridad, coloca las bolas con el orden de colores y símbolos: naranja, rojo, azul - verde, violeta, amarillo
12. derecha, selecciona la llave y click en la puerta, final !
Fondo con efecto de color en degradé

E n Dynamic Drive encontrarán muchisimas herramientas útiles para el blog.
La que más me llamó la atención, fué un generador de imágenes degradadas, es decir, podrás crear con los colores que prefieras, un fondo degradado para blog.
Es muy fácil de manejar, tenés que ir pinchando en los colores, cuando terminaste, guardas la imagén con el ratón, aunque también te dan el código.
Otras opciones
Generador de botones
Generador de favicones etc.
Google Docs

A travez del Cbox recibo una consulta de mi amiga Alive:
Mira, a ver si puedes ayudarme.. necesito saber como subir un documento escrito por mi en word, a una entrada de blog o como un componenete del mismo.. son 5 hojas por lo tanto copiarlo quedaría todo largo así que quisiera ponerlo como digamos.. una imagen, pero que al pinchar se abriera para quien interesara.. eso es posible?? un beso gordo. Alive
Pues mi querida Alive, es posible, y existen varios lugares donde alojar archivos para luego incluirlo en el blog, pero en esta oportunidad voy a recomendar el que está más a mano, de todos los que tenemos usuario de Google.
Google Docs
Este servicio sirve para añadir documentos en formatos DOC, PPT/PPS, XLS, PDF, TXT, RTF, ODT y similares.
Primero que nada, hay que registrase, cosa fácil, si tenés usuario en google, es decir correo de Gmail, ya está.
* Documentos: HTML, TXT, DOC, RTF, ODT, SXW (máximo 500 MB)
* Presentaciones: PPT, PPS (hasta 10 MB desde el equipo)
* Hojas de cálculo: CVS, XLS, ODS (máximo 1 MB)
Aún NO pueden subirse archivos en formato PDF.
• Se suben los archivos desde el equipo, desde una URL donde se aloja el archivo o se envía por correo electrónico.
• Se comienza por clickear en la solapa Subir y se selecciona qué archivo se sube; puede modificarse el nombre del archivo, si fuese preciso.
• Luego, se abre una ventana que muestra los tipos de archivo que pueden subirse, los límites de tamaño y las opciones de subida.
• Cuando se seleccionó el archivo a subir y desde dónde se carga (el equipo o una URL), se clickea en el botón Subir archivo.
• Concluida la subida del archivo, se muestra una ventana donde se visualiza el archivo cargado.
• Este servicio también te permite crear "Documentos", "Presentaciones" y "Hojas de cálculo", entonces puede modificarse el documento original desde esta ventana de visualización.
• Tal como ha sido subido o editado, para publicar en el blog hay que clickear en la solapa guardar, en la página principal, se desplegará la lista de archivos alojados, click derecho, publicar.
• Para integrarlo en el blog, lo haces como cualquier Link, <a href="url del archivo deseado">Click Aquí</a>
Ej: Ver documento Aqui
Es bastante fácil e intuitivo, inténtalo :)
(ver AQUI para una visita guiada y acceder al servicio)
Seguir Leyendo...[+/-]
Rinako Room

Actualización 07/04/08:
Ups !!!!! Me olvidé de poner el link al juego !!!! :$
Ahora ya lo solucioné!!! Hagan Click en la imagen :D
O tro para la colección.
Espero que lo intenten durante el fin de semana, sinceramente a mi me costó ^_^
Como en todos los casos, tenés que buscar objetos y usarlos para resolver la manera de escapar.
- 1. click en el pantalon, llave amarilla
2. click en la parte inferior de la papelera, caja de cerillas
3. click en la parte superior de la papelera, coge el gatito
4. derecha, click entre los libros y la pared, abrelatas
5. click en el libro naranja, llave azul
6. abre el cajon alargado con la llave amarilla, una bola
7. abre el primer cajon de la derecha con la llave azul, control remoto, usalo en la TV
8. derecha, espejo de la silla
9. derecha, abajo, tijeras del cenicero ... click debajo de la mesa, destornillador
9. arriba 2 veces, derecha, cuelga el espejo en la pared
10. derecha, click debajo de la cama, usa el abrelatas, bateria
11. selecciona el gatito y usa las tijeras en el cuello, llave roja
12. derecha, abre el cajon inferior derecho con la llave roja, martillo
13. selecciona la bola y rompela con el martillo, bateria
14. selecciona el gatito, giralo ... usa el destornillador y coloca las baterias
15. selecciona la caja de cerillas, clickea la parte de atras para girarla, abrela, una aguja
16. selecciona el gatito de nuevo y usa la aguja para arreglarlo
17. derecha 2 veces, coloca el gatito sobre la silla
18. derecha, click en el panel, pulsa el boton, UNLOCK, abre la puerta.
Bien hecho !!! (pero con trampa ^_^ !!!!)
Editor HTML online
E n esta ocación les presento una serie de editores html online.
En estas páginas podés escribir el código y verlo mientras escribís, para ir ahorrandote errores engorrosos.
Sobre todo es muy útil para quienes crean widgets, para los que les gusta escribir la entrada del blog en html, o simplemente querés pegar algún widget a tu blog, pero querés mirarlo antes, etc. en estos editores a medida que vas ingresando el código vas viendo como se va transformando, y si existe algún error en alguna parte, sabrás exactamente en donde está.




Seguir Leyendo...[+/-]
Post it

E n Digital Post it Note Generator podrás crear online justamente eso, cuatro tipos de post it.
Es muy fácil, solo ponés el título y texto del mensaje, el color del texto, tipo de letra, y pronto, click derecho en la imágen para guardarlo, porque no genera código.
Es re fácil y queda re lindo :)
(Como el fondo no es transparente queda medio feo en fondos oscuros como el mío, pero si tu fondo es blanco, queda espectacular ;))




Google Weblogs
E n Blogger Buzz están anunciando Google Weblogs (Beta) y el mensaje es el siguiente:
"Hoy nos gustaría darte un rápido adelanto de un nuevo y apasionante producto en el que hemos estado trabajando: Google Weblogs.
Desde que Google compró Pyra Labs, en el 2002, hemos estado soñando, planificando e implementando la próxima revolución en la edición personal: Google Weblogs.
Google Weblogs, o "GWeblogs," o "Gblogs", que se lanzará a finales de este año en una versión de prueba, es la próxima revolución en la edición personal. Esto es lo que promete:
-No te limites a una publicación por orden cronológico. Nuestros avanzados algoritmos de Google ponen el mejor contenido en la parte superior de tu blog. Incluso si tu último trabajo ha ido cuesta abajo tus anteriores post seguirán destacando.
-No tendrás que preocuparte más por los idiomas de las plantillas o por tratar de configurar correctamente la barra lateral. Nuestros avanzados algoritmos de Google automáticamente alimentan la barra lateral de tu blog con el contenido más relevante posible.
-Deja de preocuparte por el ranking de tu página o por la optimización en buscadores. Publica directamente en los resultados de búsqueda de Google para obtener una máxima visibilidad.
-Ahorra tu tiempo y esfuerzo de lector. Nosotros haremos una selección automática de las oraciones más relevantes de tu post para la página indice, junto con cualquier elipse que sea necesaria. También pondremos algunas palabras en negrita!
-Le encabezado de tu blog permanecerá fresco con nuevas imágenes de nuestro equipo de artistas, cada aniversario de un descubrimiento científico.
-No estas seguro acerca de qué escribir? Sólo haz clic en "Voy a tener suerte" y nosotros nos haremos cargo del resto!
-Emocionado? Nosotros también lo estamos! Hecha un vistazo a este avance de Blogger buzz, auspiciado por Google Weblogs.
Hemos creado un tour corto por video para que veas los puntos destacados de Google Weblogs. Miralo!
A Googler"
Como siempre bla bla bla bla, mientras tanto seguimos esperando :# y ellos jugando por el April Fool (Día de los Inocentes norteño)
Seguir Leyendo...[+/-]
Entradas Relacionadas
E ncontré en Blogmundi una manera de poder incluir a cada entrada, una lista de otras entradas que estén relacionadas.
Me gustó tanto la idea, que ya lo estoy probando. Pienso que es una buena manera de que los visitantes se interesen o puedan encontrar más entradas, sin necesidad de estar navegando a ciegas.
El único tema que no me termina de convencer, es que el truco, para que funcione, lo que hace es relacionar las entradas según las etiquetas, por las relaciones pueden no tener mucho que ver, si la entrada tiene varias etiquetas.
Es importante que siempre antes que hagas un cambio en la plantilla guardes una copia, por si el truco no te funciona o no te gusta puedas volver a lo que tenías.
Nada es infalible...^_^
Manos a la obra....
Tenés que ir a Diseño/Edición Html/Expandir artilugios y copias el siguiente código antes de </head>
<script type="text/javascript">
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;
}
}
}
}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];
}
}
relatedTitles = tmp2;
relatedUrls = tmp;
}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;
}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
document.write('<ul>');
while (i < relatedTitles.length && i < 20) {
document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
i++;
}
document.write('</ul>');
}
//]]>
</script>
(Lo que está en negrita lo podés cambiar por la cantidad de temas relacionados que querés que aparezcan, yo por ejemplo lo puse en 5.)
Una vez esto es recomendable guardar, y seguir con el truco.
Lo que debes hacer ahora es buscar esta parte en la plantilla:
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
Una vez que lo ubicaste, lo debes cambiar por esto:
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=10"' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>
Nuevamente guardamos para que no se pierda nada.
Ahora vas a Elementos de página/Agregar nuevo elemento Html
Como título le puedes poner lo que quieras, ej: "Relacionados", pero no te olvides ponerle título porque luego lo usaremos.
Lo que debes pegar allí es lo siguiente:
<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>
Lo puedes ubicar en donde mejor te quede, por ejemplo yo lo he pegado al final de cada post.
Ya casi queda pronto, lo último que debemos hacer es ir nuevamente a Diseño/edición Html/expandir artilugios, y debes ubicar el nuevo elemento Html que acabamos de agregar, la manera más fácil es hacerlo mediante el buscador de tu explorador (ej: Ctrl F (Firefox) Ctrl B (IE)), poniendo el título del elemento.
Una vez que lo ubicaste debes agregar lo que está en negrita:
<b:widget id='HTML13' locked='false' title='Relacionados' type='HTML'><b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'> Añade esta línea
<!– 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/>
</div> <b:include name=’quickedit’/>
</b:if> Añade esta línea
</b:includable></b:widget>
Ya está pronto ^_^
Solo quiero destacar que este truco solo aparece cuando estamos dentro de alguna entrada, no aparece cuando estamos en la página principal.
Seguir Leyendo...[+/-]
Blogger Draft News

A cabo de darme cuenta que al añadir un nuevo elemento a la página desde Draft Blogger han unificado todo por categorías.
Como siempre interesante, pero ... seguimos esperando otras soluciones :)







































