Aire(bis)

Plantilla Hobbit sin "Zips"

2007-04-08T02:24:00.000+03:00

Siempre me ha hecho gracia esta plantilla (adoro a Tolkien :D), pero nunca me hizo ninguna gracia tener que andar extrayendo dos millones de archivos para poder tener una plantilla nueva, así que... he revuelto Roma con Santiago hasta dar con algo más sencillo para tenerla.

Es una plantilla muy mona, para nuevo blogger, con una sidebar, que podéis ver cómo queda AQUÍ

Y casi mejor que la copiais directamente de Blogger Templates, orque si la pongo directamente aquí... se me llena de "br"... En esta dirección podéis copiarla directamente... sin bajar ni subir nada ni extraer ni medio archivo.

Links "Marquée"

2007-04-07T06:18:00.000+03:00

Es decir... apareciendo desde abajo y rotando hacia arriba, hasta ocultarse, para volver a empezar. Así los links ocupan menos espacio (al menos a mí me viene bien... que tengo un montón) y la verdad es que queda muy guapo y distinto.

Si queréis ver qué aspecto tiene, mirad en los "Links" de la sidebar de Epílogo pero lo explico en otro momento... que es tardísimo... :(

"Epílogo"

2007-04-06T23:15:00.000+03:00

Así se llama el nuevo sitio que he creado, para reunir todos mis blogs sobre "hacks" (qué poquito me gusta este término :( ) o, digamos, blogs "técnicos". La verdad... es que estoy un poco cansada de andar de atrás para adelante y a la inversa. Así estará todo junto: tanto los contenidos de Ayuda&Kaos, como los de "Aire", y todo lo que se refiere a nueva y clásica plantilla de blogger y lo que tengo por ahí sobre wordpress.

Pero... el trabajo es tremendo (cerca de ciento cincuenta entradas que tiene Ayuda&Kaos, más ni sé de Aire y, eso sí, unas poquitinas de Wordpress. De manera que voy a tardar...

De momento, si alguien quiere mirar cómo va la cosa (tengo aún mucho que diseñar, al margen de ir pasando las entradas, aviso) aquí está Epílogo

Calendario-LightBox

2007-04-04T01:57:00.000+03:00

Me gusta mucho este calendario... me gustan las cosas grandes, espaciosas... pero no me gusta tanto si me ocupan todo el blog.
Por eso entré de nuevo (ya tengo el calendario en otros blogs) en 30boxes y leí con más atención de la que suelo poner :D

Se introduce la URL del blog que va a insertar el calendario (también se pueden introducir cosas como CSS para diseñar el aspecto... o una URL para la imagen que va a servir de "introducción") y listos: ya nos dan el código para insertar... como queramos: con un link (lo que abrirá otra ventana, en la que se verá el calendario); con un "embed", para insertar, tal cual y directamente, nuestro calendario en nuestro blog y, por último, un "BADGE". que hará entrar en acción una lightbox con nuestro calendario, en la misma página del blog, cuando piquemos en el "título" de presentación del calendario.

Pues esto último es lo que he hecho en este blog: así no abandono la página cuando se despliega el calendario. Y sigo teniendo el blog ordenado (más o menos, je) cuando no utilizo el calendario.

Eso sí: produce un "error" al abrirlo.... pero no afecta en absoluto ni a la función del calendario ni a la de la página. El "error" desaparece cuando se cierra el calendario.

Yo sólo he "arreglado" un poquito el código: para sustituir el inglés de "abrir y cerrar" por el español.

Swicht... para todo

2007-04-03T02:31:00.000+03:00

Hoy me preguntaba un chico en un correo que cómo podría hacer para mostrar, en su sidebar, unas explicaciones "escondidas". Es decir: mostrar el título de lo que fuera que había que comentar y, ocultos, los pasos a dar. Le recomendé un "toogle", pero... he estado pensando que hay otra cosa más sencilla

:

1º.- Ir a Edición de plantilla y colocar, antes del cierre /head, el siguiente script:

Guardar los cambios.

2º.- Ir a Diseño de Plantilla, y cread el siguiente elemento de HTML-Java, con los datos que queramos:

<a href="javascript:void(0);" onclick="expandcollapse('UNIQUENAME')"> [+/-] ABRE</a>

<ul id="UNIQUENAME" class="texthidden"><li><a href="">LOQUEQUIERAS1</a></li><li><a href="">LOQUEQUIERAS2</a></li></ul>

El "Uniquename" es la ID-identificación del elemento y, claro... debe ser "única", de manera que podemos colocar entre las comillas el apelativo que nos parezca, siempre y cuando no repitamos el mismo en ningún otro lugar de la plantilla. Dentro de las comillas de la URL podéis incluir una dirección, a donde queráis que os remita... en este ejemplo lo he deajado vacío.

Y quedaría así:

[+/-] Entradas

Pd: Se me olvidaba... que esta idea la he sacado de una explicación, algo más complicadilla, de A Consumig Experience.

También podéis tener subcategorías, siguiendo este esquema:

Instruccione en:
[+/-]comer/beber
- [+/-] puré
  - Comidas
  - Bebidas
- [+/-] agua
  - Bebidas
[+/-] Modales
- En la Mesa...
- servilletas

Eso sí: no he puesto URL de ninguna clase... que ya me dura la explicación más de lo que me da la fuerza de voluntad :(... o sea: que si queréis que al picar en cada subcategoría os lleven a alguna parte, pues... tenéis que ncluir la URL, claro):

Y ahora, el código de este ejemplo:

<ul><li><h2>Instruccione en:</h2></li><li><h2><a href="javascript:void(0);" onclick="expandcollapse('primero')"> [+/-]comer/beber</a></h2><ul id="primero" class="texthidden"><li><a href="javascript:void(0);" onclick="expandcollapse('segundo')"> [+/-] puré</a> <ul id="segundo" class="texthidden"> <li><a href="Permalink1">Comidas</a></li> <li><a href="Permalink2">Bebidas</a></li> </ul></li><li><a href="javascript:void(0);" onclick="expandcollapse('ostras')"> [+/-] agua</a> <ul id="ostras" class="texthidden"><li><a href="Permalink3">Bebidas</a></li> </ul></li></ul></li><li><h2><a href="javascript:void(0);" onclick="expandcollapse('arf')"> [+/-] Modales</a></h2><ul id="arf" class="texthidden"><li><a href="Permalink4">En la Mesa...</a></li><li><a href="Permalink1">servilletas</a></li></ul></li></ul>

Ahí, donde dice "PermalinkURL", es donde tenéis que introducir la URL en cuestión. Y, donde dice "ID", el "UNIQUENAME" del que ya hemos hablado: por supuesto, distinto para cada categoría.

Es más fácil hacerlo que explicarlo, de verdad.

Traducir la entrada al inglés

2007-04-03T01:56:00.000+03:00

Esto sí lo explico, porque es cortito, je:
Primero una aclaración... y es que no he puesto más que el traductor de inglés (ahí tenéis la banderita... al pie de cada entrada), porque Wordlingo no parece que quiera traducirme los demás... si no es rellenando una ficha, cosa que no me apetece. Si es automático, pues automático y que no prometa cosas que no cumple, ¿no? ;)

Pues hala: Id a Edición de Plantilla y expandedla: bajad hasta los post-footer e incluid donde os parezca ("post-footer-1 o "2", p.e.)lo siguiente:

<a expr:href='"http://world.altavista.com/babelfish/trurl_pagecontent?url=" + data:post.url + "&lp=es_en"' title='Spanish to English'><img alt='Eng' src='http://1.bp.blogspot.com/_XGtsagQTuUQ/RZk8DP2JNiI/AAAAAAAAADk/eRxHS5s1f10/s320/english.jpg'/> English</a>

Viene de un Hack (o "plugin"... como queráis) de Eduardo Palacios para Wordpress.

Cosillas para Plantilla Clásica

2007-04-03T01:44:00.000+03:00

Peek-A-Boo a la entrada; lista de comentarios recientes; archivo del blog "personalizado"; tiempo transcurrido desde que se escribió la entrada ("escrito por X hace Y días")... debería explicarlo todo, pero... ¡es que me da mucha pereza! :$... si a alguien le interesa, lo detallo, aunque todo (o casi) está en Ayuda de Blogger.
Para verlo en acción, como siempre, AQUÍ.

Oir, ver... para creer: Naturally Seven

2007-04-02T03:11:00.000+03:00

Lo he "sembrado" en todos mis blogs (esta tarde lo recordé... y lo he dejado también en la página "Música" de Kasbah)... ¡me chifla!. Y es que, a la vista está, que el instrumento más maravilloso jamás "inventado" es... la voz humana.

No se lo crean si no pueden...pero, esta versión del "feel it in the air" de Phill Collins, es A CAPELLA, SIN INSTRUMENTOS (en el vídeo salen los chicos con un bajo y una batería... pero fijaos en que ni hay plaquetas para tocar: sólo simulan, ni se pulsan las cuerdas... porque así demuestran que la voz humana puede remedar cualquier sonido instrumental.

Escuché este tema, por vez primera, antes del verano, creo... y aún hoy me maravilla.

Sras. y Sres.: Les dejo con NATURALLY SEVEN

Pd: ¿A alguien más le da la murga Blooger con eso del Adsense?: Hace días que no puedo crear una entrada sin ver el dichoso recuadrito casi "exigiendo" que me haga una cuenta de Adsense y "gane mucho dinero"... ¡ja! :$

Vaya, vaya, con mis hacks...

2007-04-02T02:13:00.000+03:00

Je... es que me he dado una vuelta por Beautiful Beta

y he descubierto que en el nuevo Wiki se explica justamente lo que yo he hecho y explicado en "Ayuda&Kaos y aquí: cómo colocar las etiquetas bajo el título de la entrada. Además, yo he colocado, sobre el título, los comentarios.
Beautiful Beta explica, además, cómo poner bajo el título, el nombre del autor y la fecha de la entrada (vuelta a trasladar los "span")

Bien: ahora habrá que ver cuánto éxito tiene el hack... simplemente porque Beautiful Beta le ha puesto su nombre... cuando a mí (simple "mortal" :) ) se me ocurrió y lo realicé hace siglos (ya en "Ayuda&Kaos"). Será algo de poca importancia, pero... se me ocurrió y lo practiqué por mí misma: por eso para mí sí tiene importancia. :)

Eso sí: Podrán referirse a MI HACK" (para empezar, es cuestión de fechas: no había nada parecido en la red-creo- hasta que yo lo intenté y lo puse en mis blogs... y las fechas cantan, porque-para empezar-el wiki de Baeutiful Beta donde se explica el hack, es nuevo, recién construído).

De todas formas, aunque se atribuya media red mis pocos hallazgos, a mí nadie me puede quitar la satisfacción y la consciencia de ser su autora ORIGINAL.

Y he dejado este mensaje en Beautiful Beta... a los efectos que procedan... porque la "élite" no lee a quienes, como yo, no publicamos en inglés ni contamos para ellos... pero nadie me quita de hacerles saber lo que hay. Eso sí: muy correcto ;):

Junio dijo...
¡Surprise! :)

I´ve already done a lot of time ago: My labels are below the posts titles... and the comments above.

Look, if you want, my blog and dates at Aire(bis)

Now... I`m happy because someone else takes this hack, which was my first hack (sorry for my english: I´m from Asturias-Spain).

Greetings for your wiki :)

4/02/2007 1:11 AM

Por si nadie se ha dado cuenta...

2007-03-31T04:22:00.000+03:00

Echad un vistazo a vuestra plantilla de Diseño de Página: si vais a añadir un nuevo Elemento, fijaos en que, arriba del todo, hay dos utilidades nuevas: "Google News" y "Video-Bar"... caray... como se está automatizando ésto... :(

Siguen cambios

2007-03-30T03:00:00.000+03:00

he dejado los "Artículos" de la sidebar en expandir-contraer... porque cada vez ocupan más espacio (normal: si sigo escribiendo, tendré que mudarme de nuevo, je). Lo tengo explicado en Ayuda&Kaos, con la etiqueta "Peek-A-Boo", y con el título "Esconder/mostrar".

.- He puesto los títulos de la sidebar en negrita (nada más fácil:
<h2>pero se lee mejor así</h2>

pero se lee mejor así

.- He quitado los bordes a todas las imágenes: la definición "post3" de mi plantilla estaba repleta de "borders"; así que, donde daba a una "image" un border 1px, le he quitado el "1" y le he puesto un "0". Listos.

.- Y me he puesto una florecita de icono... al lado de mi nik en el pie de la entrada, je (en Ayuda&Kaos, donde expliqué cómo se hace-mirar etiqueta "Autor"-, tengo un muñeco mascando chicle :D )

Nada más, por el momento...

Comentarios Peek-A-Boo (Plantilla Clásica)

2007-03-29T20:43:00.000+02:00

Me ha costado bastante insertarlo en Pruebas Clásica, la verdad... porque no estoy tan familiarizada con este "lenguaje" como con el de las nuevas plantillas..

Pero... ahí está: lo conseguí, je :D. Guiándome por las instrucciones de Ayuda de Blogger:

1º.- Insertad en el CSS de comentarios de la plantilla lo siguiente (están antes de terminar la tag /style):

.commenthidden {display:none}
.commentshown {display:inline}

2º.- Insertad el siguiente script antes del cierre de la tag /head:

3º.- Bajad la plantilla hasta encontrar la apertura del MainorArchivePage que enlaza con los comentarios (¡OJO!: NO CONFUNDIR CON LA DEL ARCHIVO DEL BLOG), y que contiene el linkk de los comentarios, encerrado en un código similar a éste:

<MainOrArchivePage>

<BlogItemCommentsEnabled>

<a href="<$BlogItemPermalinkURL$>#comments">

<$BlogItemCommentCount$> comments</a>

</BlogItemCommentsEnabled>

</MainOrArchivePage>

Lo primero que hay que hacer aquí, es eliminar la apertura y el cierre del MainorArchivePage, para que podamos desplegar nuestros comentarios en cualquier página del blog: no sólo en la principal.

Ahora, debemos sustituir el "permalinkUrl" de enlace de los comentarios, por éste otro:

De manera que esa pieza de código nos va a quedar algo parecido a ésto (ej., en mi plantilla):

<BlogItemCommentsEnabled>

<a href="javascript:togglecomments('c<$BlogItemNumber$>')">

<$BlogItemCommentCount$> comentarios</a></BlogItemCommentsEnabled>

4º.- Bajad un poco más la plantilla, hasta dar con un "ItemPage", dentro del que se encierran muchas piezas de código sobre comentarios, hasta su cierre.

Eliminad el <ItemPage>
y colocad en su lugar lo siguiente:

Para que se desplieguen los comentarios al picar en ellos.

Bajad hasta el cierre de </ItemPage> y sustituidlo por el cierre del span: </span>

Ahora ya podéis guardar (si en Vista Previa ha ido todo como debiera) y ya tenéis desplegados vuestros comentarios, con sólo picar en el número de comentarios del pie de la entrada.

Es complicado... pero merece la pena :)

Etiquetas bajo el título de la entrada

2007-03-29T00:22:00.000+02:00

Como las véis en este blog. Y es muy fácil:

Sólo tenéis que trasladar el "span" de las "labels" al cuerpo de la entrada "post-body":

Aquí está la tag post.body:

<div class='post-header-line-1'/>

<div class='post-body'>

Y éste es el "span" de las labels que se ha de cambiar de su lugar al cuerpo de la entrada:

<span class='post-labels'>

<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>

</span>

De forma que el cuerpo de la entrada nos quedaría sí, tras el "traslado":

Ya está... :)

Uf...

2007-03-29T00:07:00.000+02:00

Ahora que Singpolyma ha recuperado sus scripts y podemos volver a funcionar con cosas como la imagen del autor del comentario (podéis ver que el blog la ha recuperado... así que he quitado la imagen que había insertado yo en su lugar)... me percaté, de paso, de que había adaptado su hack sobre Peek-A-Boo de comentarios... en el sentido de acotar el número de comentarios a desplegar.
Y pensé:

.- "Bueno... no tengo mucho que "limitar", pero... por probar el hack..."

En buena hora se me ocurrió... porque llevo una hora dándole vueltas al blog en todos los sentidos :( ... hasta que he decidido dar la vuelta y dejar los comentarios tal y como estaban (eso de sustituir la tag "dl" del bloque de comentarios por un "div"... como que no me presagiaba nada bueno, jaaajajajja).

En fín: que yo he preferido no tener doscientos cincuenta errores en la página, ni alterado el formato de fecha de página y ausente el "DIJO:" en las "item"... que es lo que me ha sucedido al ejecutar el hack.

Pero, para quien quiera probarlo, está en esta dirección de Singpolyma

Donde dije "Digo"...

2007-03-27T11:14:00.000+02:00

Digo "Diego"...

Hablo demasiado rápido, jajajajaja... porque he decidido tener en wordpress mis dos blogs "Cuentos e Historias" y "El Club de los ex-Cónyuges": como dos páginas dentro de la página principal, que he llamado Kasbah (por aquéllo de que es un revoltijo de temas, je).

He insertado en esa plantilla de wordpress los "widgets" que véis: Entradas recientes, COmentarios Recientes, blogroll, calendario, Meta... etc. y ha sido bastante fácil, una vez que entendí cómo funcionaba.

Si a alguien le interesa saber cómo inserté los widgets y cómo puse dos subpáginas dentro de una principal... me preguntáis y os respondo en cuanto tenga un minutín :)

Se acabaron los "experimentos"

2007-03-27T00:56:00.000+02:00

Por ahora... que me conozco, je :$.

Y es que... llevo más de veinticuatro horas "luchando" por encontrar una forma de acceder a las "tripas" de una plantilla de Wordpress... e intentando que el "Administrador" del blog me deje ver un poquito de CSS, de HTML... de algo...

Y no. Porque... para personalizar la plantilla de Wordpress a tu gusto, hay que pagar. Así de claro.

Lo mismo me da y ni pienso si es poco o mucho. Es que me niego a pagar por ver una plantilla que yo voy a "rellenar" con contenidos y que va a publicitar al organismo editor.

Tu-ru-rú.

Así que, después de "resignarme" a no poder tocar nada, como no sea la cabecera (y no en todas las plantillas) y aguantarme con el resto del diseño de "fábrica"... me he puesto a buscar plantillas (porque no me gustan las de "serie" de Wordpress... y he encontrado una guapísima, estilo "diario" (Newspaper). Pero claro... todita en inglés: y me ví escribiendo en una plantilla donde son todo "tags", "posts", "comments", "archives", "Edit", etc.... y... como que no...que se me subió la "idiosincrasia" a la cabeza.

Así que, con la moral por los suelos (Jjajajjajaaaa ;)) me vuelvo a Blogger: será más difícil diseñarlo que las plantillas de Wordpress, que lo dan todo hecho, pero... no me gusta que me den tanto... por no permitirme hacer las cosas a mi manera.

Y, de paso, he "recordado",, que tengo la Página Principal ("Main") hecha un desastre (sin actualizar). Y que quiero unir dos de mis blogs, para poder contar con el espacio de uno de ellos... y suprimir de una vez aquéllos blogs en las que ya no entro... y que tengo la "novela" absolutamente abandonada, así como mi blog de "protestas"... y que "debo" no sé cuantos correos (glups :$ )

No me apetece un pimiento "limpiar la casa", pero... no voy a dejar la blogoesfera repleta de blogs sin usar. Así que... toca pasar la escoba.

Sin contar con que tengo multifunción nueva :D , que he instalado yo solita esta tarde... y tengo que probar cómo me sale el escaneado de fotos, para luego imprimirlas

Uf... qué rollo... pero hay que hacerlo (y todo ésto para decir (je), que conforme vaya terminando con esas cosas, ´tengo que contar cómo poner lista de etiquetas y de cmentarios recientes en la plantilla clásica de Blogger... o cómo poner un "Escrito por X hace X días"... o como sustituir los meses del archivo de la clásica (en lugar de "marzo 2007", algo como "Primavera... que la sangre altera") o... emoticones y trackback para la clásica (si no se ponen en el lugar adecuado... se dan de tortas). Y a ver si por fín, comento dónde hay que insertar el span de las etiquetas, para verlas bajo el título de la entrada... o colocar una imagen o icono donde a uno le de la gana de la Edición de plantilla, para presidir los comentarios o para presidir las categorías de la sidebar o... lo que se quiera....

Madre mía... ya estoy cansada de sólo pensar en que me quedan tropecientas cosas por explicar... :(

Bloggers versus Piratas

2007-03-26T01:22:00.000+02:00

.- Ahora media blogoesfera usa las "dropcap" de "Mandarín Design", popularizadas por Beautiful Beta y traídas desde su web por mí...

.- He visto blogs que no usaban la fecha en bloque de The Last Word hasta que traje el hack a mis blogs, porque... no conocían el hack o no sabían implementarlo, supongo.

.- He visto blogs que usan mi "truqui"- explicado e insertado en "Ayuda&Kaos", hace eones- sobre colocar un monigote o una imagen, al lado o en sustitución del nombre del autor de la entrada (afortunadamente, las entradas tienen fechas).

Y... casi que lo dejo...

Porque los propietarios de esos blogs no mencionan para nada, en sus explicaciones, ni a Mandarín, ni a Last Word, ni a Beautiful beta... menos aún a mí, je.
Porque no sson Bloggers: son PIRATAS.

Los Bloggers inventan, recrean, piensan, dan vueltas, diseñan, retuercen, acomodan, explican.... sus propios hallazgos y/o los de otros. DANDO SIEMPRE AL AUTOR DEL HACK LA MENCION DEL MISMO.

Es así como distingo, al menos yo, a los auténticos Bloggers de los mercenarios de la red. Así es como veo yo actuar a los verdaderos bloggers.

Y es que los hacks se explican, precisamente, para ayudar a la gente a insertarlos en sus blogs. Pero si se tiene un blog de explicación de hacks, lo que resulta fuera de toda ética es explicar el hack como si fuera propio y dejar al margen a su autor.

Estas actuaciones me indican una cosa muy clara: quien no es honrado en la red, no lo es en su vida personal... no se es de una manera aquí y de otra "ahí fuera".

Me he hartado de leer a bloggers DE VERDAD, quejándose de cuantos se les llevan los hacks para explicarlos como si los hubieran "inventado" ellos. Ahora entiendo que llevan razón en su queja: porque no fastidia el hecho, sino el tipo de persona que "anda suelta" cometiendo estos "latrocinios" para..... ¿PARA QUÉ?: pienso si podrá ser para ganar dinero con los "ofertones" de Google... o para adquirir notoriedad del tipo:

.- "Mira qué buen blogger y qué list@ soy, que codifico mis propios hacks" (casi que lo descarto: porque me parece de una inmadurez y estupidez supinas)

... o porque no se piensan lo suficientemente inteligentes (de todas formas, estos hechos ya demuestran escasa inteligencia: porque la red es grande... pero no tanto. Y siempre se les "descubre") como para merecer la aprobación de los visitantes con sus propios medios... por eso han de atribuirse los de otros.

En resumidas cuentas: después de ver mi hack de la carita (caray: para cuatro cosas que me he sacado de la chistera yo solita...), pomposamente lucido en un blog, supuestamente de hacks, que no menciona para nada mi autoría... definitivamente me tomo un descanso.
A ver si en un par de días, algún que otro pirata consigue algo de "seso" o, por lo menos, de ética... que también en la red hace falta.

A ver si, de paso que se me pasa el mosqueo, adelanto algo de mi novela "El Oculto", que la tengo abandonadita. Claro que... es@s "list@s" son capaces de copietearla y atribuirse la autoría, jjajajajajaaaa :p

Parece mentira: vengo de Grupos de MSN donde hay gente que no tiene "problemas" en copiar un texto y ponerse su nombre debajo... y aquí pasa lo mismo.

Está visto que no es la red: es que hay personas... y personas...

Por eso, me parece magnífica la idea de Alex4 y su Comunidad de Ayuda :) : al menos allí, la gente tiene la oportunidad de ver juntos todos los hacks y.... de descubrir quién se los lleva para explicarlos como propios.

Hum: en cuanto se me pase este mosqueo a causa del blog que he visto me ha "mangado" uno de mis hacks para apuntárselo como suyo..., creo que me apunto... y es que me gusta mucho la idea de esa Comunidad...

Más cambios

2007-03-25T04:48:00.000+02:00

he colocado las etiquetas a las que he asignado cada entrada bajo el título de estas. Así no tengo que bajar toda la entrada para verlas.

.- He asignado iconos para cada función del blog (comentarios, etiquetas y elementos de la sidebar)

.- He insertado una imagen junto al nombre del autor del comentario-la misma sea quien sea quien comente-que aparece cuando se despliegan los comentarios a la entrada.

.- He insertado, en la sidebar, una relación de artículos de "Aire(bis)", de manera que me resulte más cómodo a la hora de buscar alguno en particular.

.- He añadido al "hover" de los vínculos una línea "dotted" punteada.

De momento, eso es todo... salvo explicar cómo he hecho para insertar en mi plantilla estos cambios (a menos que a alguien particular le interese saberlo, no lo voy a explicar, de momento... la primavera me tiene desganada :( )

Tiempo estimado de lectura de la entrada

2007-03-24T14:31:00.000+02:00

Con este artículo comienzo a comentar algunos trucos válidos EXCLUSIVAMENTE para la plantilla clásica de Blogger.

En este caso, podemos visualizar, al lado del título de cada entrada, p.e., una estimación del tiempo que nos llevará leer esa entrada. Podéis ver cómo funciona en Pruebas. Y las instrucciones para conseguirlo las encontraréis en Caso Patológico, muy fáciles de seguir:

1º.- Abrid vuestra plantilla e insertad, antes del cierre / de la tag "head", lo siguiente:

2º.- Insertad el siguiente código en la parte de la plantilla donde deseais ver el rtexto "tiempo estimado de lectura...", generalmente cerca del título de la entrada, en cuyo caso, debeis colocarlo inmediatamente detrás de la tag </BlogItemTitle> :

3º.- Buscad el texto <$BlogItemBody$> y sustituidlo por:

4º.- Copiar este código, antes de la etiqueta </Blogger> :

Guardad y listos.

Se puede cambiar el texto "Tiempo de lectura aprox..."; también el CSS del mismo, así como el "var ppm=250" al número que tú veas de palabras por minuto.

Creo que se puede conseguir también en las nuevas plantillas, pero... para eso tengo que probarlo primero. Ya veré...

Desplegar los "backlinks" a las entradas

2007-03-23T00:06:00.000+02:00

primero una aclaración:

"Backlink" significa, en español, "vínculo de retroceso". Es decir: eso que conocemos por "blogs que nos linkean"... o algo así, je.

Podéis ver el hack en marcha en la sidebar: entre los "Comentarios Haloscan" y los "Links-Hacks" (lo he marcado con un icono de interrogación, antes de su título: "Links a "Aire(bis)).

Y es faciñisimo de colocar en la plantilla, siguiendo las instrucciones de "Recursive backlinks" que nos muestra Freshblog:

1º.- Abrid vuestra plantilla e insertad, antes del cierre / de la tag "head", lo siguiente:

Guardad la plantilla.

2º.- Añadid un Elemento de página HTML-Java- o incluid directamente en la sidebar en la plantilla-... (o añadid al final de "Entradas del Blog" de vuestra plantilla, para que se desplieguen los links bajo cada entrada... eso sí: NO SE VERA EN LA PAGINA PRINCIPAL ni de ARCHIVO... sólo en las "item") la siguiente pieza:

<ItemPage><h2 class="sidebar-title">Posts That Link Here</h2>

<div id="backlinks">

No backlinks found.

</div>

<script type="text/javascript">

backlinker();

</script></ItemPage>

Listos. Ya tenéis desplegados los links a vuestras entradas, donde queráis verlos.
Como yo he hecho, podéis cambiar el "lenguaje" del script.
También podéis cambiar la apariencia... colocando otros iconos "clickables", en lugar de la rayita ondulada que abre las entradas que nos han linkaeado, al picar en ella. Si queréis modificar el hack, picad
AQUI y "guardar como"- Es el contenido del script.

Drop-Traductor (Google)

2007-03-21T13:31:00.000+02:00

esto es otra cosa :D ... ya no traduce tan al "swahili". Podéis probarlo en la cima de la sidebar, picando en el idioma al que queréis traducir la página.

Este es el código:

1º.- Id a Diseño de Plantilla y Añadid un Elemento de Página HTML-jAVA, con este contenido:

<FORM NAME="nav" width="100%">

<DIV>

<SELECT NAME="SelectURL"onChange="document.location.

href=document.nav.SelectURL.options

[document.nav.SelectURL.selectedIndex].value">

<OPTION VALUE="http://google.com/translate?langpair=en%7Cen&u=websiteurl"

SELECTED>Translate this website

<OPTION VALUE="http://google.com/translate?langpair=en%7Ces&u=websiteurl">

Spanish

<OPTION VALUE="http://google.com/translate?langpair=en%7Cit&u=websiteurl">

Italian

<OPTION VALUE="http://google.com/translate?langpair=en%7Cfr&u=websiteurl">

French

<OPTION VALUE="http://google.com/translate?langpair=en%7Cpt&u=websiteurl">

Portuguese

<OPTION VALUE="http://google.com/translate?langpair=en%7Car&u=websiteurl">

Arabic

<OPTION VALUE="http://google.com/translate?langpair=en%7Cja&u=websiteurl">

Japanese

<OPTION VALUE="http://google.com/translate?langpair=en%7Cko&u=websiteurl">

Korean

</SELECT>

<DIV>

</FORM>

Tenéis que cambiar la referencia src=WEBSITEURL", por la URL de vuestra página. Y cambiad el idioma de origen, para que el traductor lo tenga en cuenta a la hora de pasar a otro idioma la página; para ello, debéis cambiar el "LANGPAIR= ", de manera que si la página está escrita en español, la primera parte del "par", será "es".

Por ejemplo, así es como he modificado yo el código, para que me traduzca la página del español a otros idiomas:

<form width="100%" name="nav">

<div>

<select onchange="document.location.

href=document.nav.SelectURL.options

[document.nav.SelectURL.selectedIndex].value" name="SelectURL">

<option

selected value="http://google.com/translate?langpair=en%7Cen&u=http://masairebis.blogspot.com"/>Traducir este sitio:

<option value="http://google.com/translate?langpair=es%7Cen&u=http://masairebis.blogspot.com"/>

English

<option value="http://google.com/translate?langpair=en%7Cit&u=http://masairebis.blogspot.com"/>

Italian

<option value="http://google.com/translate?langpair=en%7Cfr&u=http://masairebis.blogspot.com"/>

French

<option value="http://google.com/translate?langpair=en%7Cpt&u=http://masairebis.blogspot.com"/>

Portuguese

<option value="http://google.com/translate?langpair=en%7Car&u=http://masairebis.blogspot.com"/>

Arabic

<option value="http://google.com/translate?langpair=en%7Cja&u=http://masairebis.blogspot.com"/>

Japanese

<option value="http://google.com/translate?langpair=en%7Cko&u=http://masairebis.blogspot.com"/>

Korean

</select>

<div>

</div></div></form>

Como podéis notar, hay traducción del español al inglés en la primera línea. El resto de las líneas traducen del inglés a otros idiomas (italiano, francés, etc...). En fín... no sale mal... aunque no sea directamente del español. Menos da una piedra... :(

Podéis mirar cómo configurar los "pares" en: e-Buletine

Sobre los Comentarios de Blogger

2007-03-21T02:59:00.000+02:00

lo siento en el alma por quien no guste de ver el número de comentarios sobre el título de la entrada. Pero... a mí no sólo me gusta, sino que me sirve de referencia, mucho más que teniendo que bajar toda la entrada para verlos. De forma que... vuelvo a mi idea :D

Eso sí: para los más clásicos :), dejo también la cuenta de comentarios en el pie de la entrada. Así, todo el mundo contento ;)

Aclaración a Comentarios Haloscan

2007-03-19T02:38:00.000+02:00

se me olvidaba aclarar que ahora hay en el blog dos posibilidades para comentar: la de Haloscan-trackback y la de toda la vida de Blogger. Usad la que os parezca más cómoda (si es vais a usar alguna, jajjajajaaa!! :P ). En la mayoría de los blogs que tienen insertado el trackback de comentarios, han sustituído por éste el de blogger... con la desventaja de tener que hacerlos "visibles-fuera de la ventana de Haloscan- a mano... y para mí... como que es mucho trabajo... y a lo tonto. Así que he preferido conservar, junto al Haloscan, los comentarios de blogger.

Asynchronous Peek-A-Boo Comments

2007-03-19T02:34:00.000+02:00

de Singpolyma... que he conseguido hacer funcionar en mi vetusto navegador IE. De esta manera:

1º.- Id a Edición de plantilla y expandidla:

Insertad, antes del cierre /head, el siguiente script:

2º.- Bajad la plantilla hasta la tag <b:includable id='comments' var='post'>

<div class='comments' id='comments'>

y sustituid esta última línea (div) or lo siguiente:

<div class='comments' expr:id='"comments" + data:post.id'>

<b:if cond='data:blog.pageType != "item"'>

<div expr:id='"commentsul" + data:post.id'> </div>

<script type='text/javascript'>

document.getElementById('comments<data:post.id/>').style.display = 'none';

</script>

</b:if>

3º.- Encontrad esta sección: <b:includable id='main' var='top'>



y, dentro de ella, localizad algo parecido a ésto:

<b:if cond='data:blog.pageType == "item"'>

<b:if cond='data:post.allowComments'>

<b:include data='post' name='comments'/>

</b:if></b:if>

Reemplazad toda esta condicional (de b:if a /b:if) por esta otra:

<b:if cond='data:post.allowComments'>

<b:include data='post' name='comments'/>

</b:if>

4º.- La sección de las entradas de la plantilla, comienza con algo así: <b:includable id='post' var='post'>

Encontrad, dentro de esta tag, la siguiente condicional:

<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>

Y reemplazadla entera (de apertura b:if a cierre /b_if), por la siguiente:

<b:if cond='data:blog.pageType != "item"'>

<b:if cond='data:post.allowComments'>

<b:loop values='data:post.feedLinks' var='f'>

<a class="comments" rel="comments" expr:href='data:post.url + "#comments"' expr:onclick='"peekaboo_comments_display(&quot;" + data:f.url + "&quot;,&quot;commentsul" + data:post.id + "&quot;,thisblog_showCommentPhotos);toggleitem(&quot;comments" + data:post.id + "&quot;);return false;"'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>

</b:loop>

</b:if>

<b:else/>

<b:if cond='data:post.allowComments'>

<a class='comment-link' expr:href='data:post.url + "#comments"' expr:onclick='"toggleitem(&quot;comments" + data:post.id + "&quot;);return false;"'><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>

Ya está... si queréis, cambiad la parte de los códigos que necesitéis para acomodar el plural y singular de los comentarios (mirad en Ayuda&Kaos) y ¡OJO!: antes de realizar este hack, casi mejor que dejáis una copia de vuestra plantilla a buen recaudo... por si las moscas ;)

----------------------

Pd: se me olvidaba recordaros que, con este "sistema", se despliegan los comentarios haciendo "click" en el número de comentarios, bajo la entrada. No hace falta subir para picar en el título (aunque también se puede, claro... pero eso... es de lo más habitual :) )

Trackback y Comentarios Haloscan (fórmula más sencilla)

2007-03-19T01:24:00.000+02:00

con este sistema, se despliegan los comentarios Haloscan en su CORRESPONDIENTE ENTRADA, y no en todas, como venía haciendo en "Aire". Y la fórmula para insertar el hack es más qe sencilla:

1º.- Para variar, insertar, antes del cierre /Head de la plantilla-extendida- el script de llamada a Haloscan: <script src='http://www.haloscan.com/load/TUNOMBREDEUSUARIO/' type='text/javascript'/>

2º.- Estas piezas de código, van juntas: el trackback-autodiscovery-ping automático y los comentarios-contador Haloscan:

Y ésto es todo... :)

Bueno: queda por saber dónde insertar estas piezas: pues muy fácil... allí donde se despliegan los comentarios, en vuestra plantilla. Es decir:

a).- detrás de

<a name='comments'/>

<b:if cond='data:post.allowComments'>

</b:if>

<h4>

b)Detrás de

<span class='post-comment-link'>

<b:if cond='data:blog.pageType != "item"'>

<b:if cond='data:post.allowComments'>

<b:loop values='data:post.feedLinks' var='f'>

Son las tags de la entrada donde se despliegan vuestros comentarios: aquéllas donde ordenáis y configuráis el resultado de los comentarios: "0", "1" "plural"... "comentarios", tras el "allow comments".

¡OJO!: Si alguien va a insertar o tiene ya insertado el PeeK-A-Boo de Comentarios de Singpolyma, tenéis que poner estos códigos (EN ESTA ULTIMA TAG DEL SPAN DE COMENTARIOS), DETRAS DEL PRIMER CIERRE B:LOOP. En otro caso, no sólo no funcionará, sino que también os dará un error en vuestra página.

Y, para conseguir este hack, han entrado en juego las normas generales sobre el trackback de "A Consuming Experience" (tenéis la URL en mi entrada de "Trackback Conseguido!!! (me da pereza poner tantas url :$ ), la valiosísima ayuda de Logical Philosopher y... mi "toque" :D

Feed Comentarios Haloscan

2007-03-17T19:49:00.001+02:00

si queréis un RSS para vuestros comentarios Haloscan, encontrad en vuestra plantilla extendida la siguinte tag: <p class='comment-footer'>

Un poco más abajo, encontraréis la referencia a los Feed:

<b:includable id='feedLinksBody' var='links'>

<div class='feed-links'>

Subscribe to:

<b:loop values='data:links' var='f'>

Inmediatamente detrás de esta última línea, pegad ésto:

<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>

(Y/O):

<a class='feed-link' href='http://www.haloscan.com/members/rss.php?user=TUINOMBREDEUSUARIO' target='_blank'>Comentarios Haloscan: Feed (RSS)</a>

Y ya está: guardad los cambios y mirad el final de vuesrtas entradas, tras los comentarios.

Trackback CONSEGUIDO ("New Blogger")

2007-03-16T00:26:00.000+02:00

anda que no me ha costado trabajo... "interpretar la plantilla clásica y pasarla a la nueva.Uf... :( Ha sido lo más complicado que he hecho en mi vida de "blogger".

Y es que, para ahorrarme trabajos y problemas, probé el widget del que luego hablo y... un desastre. No vale para lo que se pretende del trackback. Y encima da un error como un campano en la plantilla.

Para empezar, la información de primera mano: Imprescindible la Tabla de Conversión de Blogger clásico a Nuevo Blogger, de Singpolyma; y el hack básico y clásico que hay que adaptar a la plantilla del nuevo Blogger, de A Consuming Experience.

Vamos al hack:

1º.- Lo primero es hacerse una cuenta en Haloscan. Sin eso, no hay trackback que valga. Procurad no olvidar vuestro nombre de usuario,porque lo vais a tener que utilizar como mil veces para diseñar el hack.
Una vez que tengáis la cuenta, se os mostrará un escritorio que podéis "arreglar" a vuestro gusto, donde se os mostrarán los comentarios que se vayan haciendo vía trackback en vuestro blog. Además, tenéis-a la derecha de la página-la posibilidad de usar un "widget" para mostrar los comentarios en la sidebar del blog: copiais el código que se muestra en un Elemento de Página HTML-Java, y ya está.
Una cosa: Que los acentos del español... como que no los entiende Haloscan, je... por cada acento pondrá un cuadradito y el texto parecerá swahili: así que tendremos "licencia" para cometer faltas de ortografía :)

2º.- En el escritorio de Haloscan tenéis la opción de "instalar": si picáis, os llevará a una página en la que se ofrecen todas las plataformas posibles: escogeis Nuevo Blogger y picáis en el cuadradito de "·mostrar código". Y aquí empiezan los problemas: porque, después de copiar vuestra plantilla y subirla a Haloscan para que inserte dentro el widget de comentarios... vuestro blog, probablemente, no leerá los cambios... y no guardará porque dará error.
Si tenéis la santa paciencia que yo tuve para revisar mi plantilla modificada por Haloscan e insertar a mano en la "original" los cambios... olvidadlo: porque sigue dando errores a la hora de ver el blog, entre otras pegas. Pero quien quiera probar... ahí lo tiene.

Así que, a la vista de lo visto, al final hice lo siguiente:

Adapar al Nuevo Blogger las instrucciones que "A consuming Experience" ofrece para la plantilla clásica:

1º.- Id a Edición de Plantilla y expandedla. Añadid el siguiente script antes del cierre /head:

2º.- Bajad la plantilla hasta el widget "Entradas del Blog" y, bajo la tag <b:if cond='data:post.allowComments'> de la sección <b:includable id='comments' var='post'>

<div id='comments'>

<a name='comments'/> insertad lo siguiente:

<a alt='Trackback' class='trackback-link' href='http://www.haloscan.com/tb/TUNOMBREDEUSUARIO/data:post.id' onclick='HaloScanTB("data:post.id/"); return false;' target='_self'><script type='text/javascript'>postCountTB('data:post.id/'); </script><noscript>Trackback</noscript></a>

Esto permite los comentarios en Haloscan y el que se abra la ventanita correspondiente con el comentario... si lo hay, claro.
Y es que, desde ya, hay que decir una cosa: NO SE PUEDEN DESPLEGAR LOS COMENTARIOS DE HALOSCAN EN LA ENTRADA, como sucede en Blogger. Si los veis en alguna página, en la entrada, es porque se han copiado a mano, desde los comentarios Haloscan de la sidebar o desde la ventanita, como explican en "A Consuming Experience".

La segunda parte de ese código, es el "autodiscovery trackback", que puede ayudar a quien linkea vuestra entrada a hacer sobre ella "ping automático" (como no "suelo" tener links... pues me temo que me quedaré sin saber cómo cuernos funciona :( ).

¡OJO!: ESTE CÓDIGO HA DE INSERTARSE TAMBIÉN EN LA SECCIÓN DE COMENTARIOS QUE HAY MÁS ABAJO DE LA PLANTILLA. Exactamente aquí:

Así que, todo el código del paso primero lo dejé insertado, también, sobre esta pieza.

2º.- Insertar bajo la tag <b:loop values='data:posts' var='post'>

<b:if cond='data:post.allowComments'> lo siguiente:

<a alt='Comentarios' href='http://www.haloscan.com/comments/data:post.id//' onclick='HaloScan("data:post.id/"); return false;' target='_self'>*Comentar<script type='text/javascript'>postCount('data:post.id/');</script><noscript>Haloscan </noscript></a>

Esto es para ensamblar cada comentario con su entrada. Es decir: para que al abrir la ventana del comentario, sólo aparezca el que se haya hecho... no todos los del blog de todas las entradas.

3º.- Si queréis que los comentarios salgan en singular, plural y algún eufemismo para el "0", podéis insertar ésto

<a alt='Comentarios' href='http://www.haloscan.com/comments/TUNOMBREDEUSUARIO/data:post.id/' onclick='HaloScan("data:post.id/"); return false;' target='_self'> <script type='text/javascript'>postCount('data:post.id/');</script> Haloscan<noscript/></a>

antes de:

<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> |Pon aquí tu comentario</a>

<b:if cond='data:post.numComments == 0'>

sin comentarios

<b:else/>

<b:if cond='data:post.numComments == 1'>

1 comentario

<b:else/>

<data:post.numComments/> comentarios

</b:if>

</b:if>

................

4º.- "Forret Link Trackback": Hará que se desplieguen bajo vuestras entradas, los links que se les hagan, así:

<a href='http://www.forret.com/tools/trackback.asp?title=data:post.title/blog_name=data:blog.title/url=data:post.url/'>Enviar Link</a>

Yo lo he colocado encima de la clase <span class='post-icons'>



Y ya está... se puede hacer alguna cosa más, como "esconder" los links: que sólo sean visibles para el editor del blog... pero yo ya no me meto en más berenjenales...

Como siempre, si hay alguna cosa, lo mejor es ir a la fuente. Y revisar la conversión de las tags clásicas al nuevo blogger.

Es el hack más difícil que he hecho en... jamás...

Comentarios en la cabecera de la entrada

2007-03-16T00:25:00.002+02:00

s el "arreglo"· que acabo de hacer... no por "rizar el rizo", sino porque, muchas veces, me pregunto dónde y cuál será aquélla entrada en la que tengo algún comentario (como sólo me escribo yo y alguna persona maja :) que se deja caer por aquí... pues me gusta tener los números de comentario a la vista...) y porque si pruebo algún hack sobre comentarios, no me gusta bajar al final de la entrada para ver los "cambios".

Así que, andando. El número de comentarios arriba.

Lo único que he hecho (ya sé que podría hacer más: como insertar ahí también el link para desplegar el comentario, pero... ciertas cosas no funcionan en mi navegador :( y, además... les tengo "alergia" a los scripts: no tengo ninguna gana de meterme en Google Pages. Así que, así lo dejo) ha sido insertar el span de los comentarios tras la fecha de la entrada), de manera que me ha quedado así esa tag:

<b:includable id='main' var='top'>



<div class='blog-posts'>

<b:include data='top' name='status-message'/>

<b:loop values='data:posts' var='post'>

<b:include data='post' name='breadcrumbs'/>

<b:if cond='data:post.dateHeader'>

<div id='post-date'> <script>date_replace('<data:post.dateHeader/>');</script> </div>

</b:if>

<span class='post-labels'>

<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>

</span>

<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'> |Pon aquí tu comentario</a>

<b:if cond='data:post.numComments == 0'>

sin comentarios

<b:else/>

<b:if cond='data:post.numComments == 1'>

1 comentario

<b:else/>

<data:post.numComments/> comentarios

</b:if>

</b:if>

</b:if>

</b:if>

</span>

Es decir;: he sacado el "span-link" de su localización original en el "postl-line-footer-1" y lo he trasladado tras el "date header" de mi plantilla.

Y ¡OJO!: el ejemplo de lo que he hecho en mi plantilla es sólo eso: MI ejemplo. Porque yo tengo-como se ve- insertadas las "breadcrumbs" y la etiquetas en la cabecera. Así que no se despiste nadie y vaya a copiar este código... y acabe cponiendo las etiquetas donde no quiere, p.e. Si lo hace, que tenga en cuenta ésto que comento, please.

"PopMarks"

2007-03-16T00:25:00.001+02:00

ya hablé de ello en Ayuda&Kaos-dentro de la etiqueta "Marcadores"- pero, en esa ocasión no dije nada del código que utilicé para insertarlo (a saber por qué :( ).

Voy a remediarlo. Pero antes, recordar que el Pop Mark es un botoncito que contiene todos los marcadores sociales habidos y por haber: para quien quiera tenerlos todos, pero no le apetezca alargar dos kilómetros el pie de sus entradas con tanto icono y tanta historia. Con este sistema, tiene todos los marcadores en un sólo botón; es decir: no se ocupa nada de espacio.

Es ese botoncito azul que tengo tras los "Hotlinks" del pie de mis entradas. Basta con que piquéis en él y esperad unos segundos: al cabo se despliega una tabla con... yo qué sé cuantísimos marcadores, con sus respectivos iconos y sus tooltips (así se sabe qué marcador estamos picando).

Y, en su día, yo lo hice así (y no he cambiado ahora los códigos que utilicé entonces):

1º.- Id a Edición de plantilla y añadid, antes del cierre /head, el siguiente script:

2º.- Insertad al final de la sección del pie de vuestras entradas, donde tengáis los restantes marcadores, generalmente al final de la entrada (por lo general, aquí: <p class='post-footer-line post-footer-line-2'>)la llamada al script anterior:

Comprobad el resultado en "Vista Previa" y guardad.
Si queréis cambiar el tipo de botón o el color... entonces no tenéis otra que acudir a la página de Social Bookmark Button y complicaros la existencia :)

Noticias (Ajax-Google)

2007-03-16T00:24:00.000+02:00

lo prometido es deuda. Así que voy a explicar cómo se hace para tener noticias o cualquier resultado de búsqueda del tema que se desee (ciencia, libros, películas, vídeos, blogs, medicina, arte, etc...).

Primero he de decir que probé el hack "Adding Google TextSearch Utility with custonm tab results" de Hoctro`s Place... y no salió del todo bien: porque no se visualizaban los iconos de los resultados. Sólo los textos. Y, claro, a mi juicio el hack pierde mucho sin ellos.

De manera que volví, para variar, a lo ya conocido: al hack que ya tenía probado en otros blogs y me había resultado estupendamente: "Ajax Hack: "Hello" Google`s Ajax API Search!", también de Hoctro´s

Es muy sencillo de insertar:

1º.- Tenéis que conseguir una clave "key" API de Google. Para eso tenéis que tener una cuenta de Google, lo primero. Si no la tenéis, hay que hacerla. De todas formas, en la página donde podéis conseguir la API-Key ya os pedirán vuestra dirección y contraseña u os requerirán para que hagáis la cuenta.

2º.- Id a Diseño de Plantilla, "Añadir un Elemento de Página HTML-Java", donde queráis ver el hack (en todo caso, siempre es fácil cambiarlo de sitio, si no nos gusta el que hemos elegido en principio). Colocad un título con el que tema que deseáis, p.e. "Noticias", el que yo he colocado. Incluid algo de contenido (sobre lo que va a versar vuestra búsqueda, vuestro tema) p.e. "Diario El Mundo", en mi caso.
Ya está: guardad el nuevo elemento.

3º.- Id a Edición de plantilla y expandidla.

Insertad antes del cierre /head lo siguiente:

4º.- Bajad la plantilla y buscad el widget que creasteis con el nombre "Noticias" o el que tengáis puesto. Y reemplazarlo por ésto, CUIDANDO DE CAMBIAR LA "KEY-API" QUE APARECEN EL CÓDIGO POR LA VUESTRA:

<b:widget id='HTML1' locked='false' title='New York, NY' type='HTML'>

<b:includable id='main'>

<div id='searchcontrol'>Loading .....</div>

<script src='http://www.google.com/uds/api?file=uds.js&v=1.0&key=ABQIAAAA3JLs6Hnniw7MynpQ' type='text/javascript'/>

<script type='text/javascript'>

var local="<data:title/>";

var initSearch="<data:content/>";

// Create a search control

var searchControl = new GSearchControl();

// Add in a full set of searchers

var localSearch = new GlocalSearch();

searchControl.addSearcher(localSearch);

searchControl.addSearcher(new GwebSearch());

searchControl.addSearcher(new GvideoSearch());

searchControl.addSearcher(new GblogSearch());

searchControl.addSearcher(new GnewsSearch());

// Set the Local Search center point

localSearch.setCenterPoint(local);

// tell the searcher to draw itself and tell it where to attach

searchControl.draw(document.getElementById("searchcontrol"));

// execute an inital search

searchControl.execute(initSearch);

</script>

</b:includable>

</b:widget>

(Y, claro... el "title" será el vuestro, no el del hack de Hoctro's :)
Guardad los cambios y listos: ya tenéis vuestras noticias... o lo que sea.)

¡OJO!: que al mirar en "Vista Previa" el resultado, no veréis ni torta, porque no saldrá el hack del "loading". Y, además se abrirá esa ventana de !"Vista Previa" con un "error en la página" y un aviso de que "no es válida la API".
Ni caso: si habéis reemplazado las API del hack por las vuestras, no hay problema, por mucho que os salga el aviso, que SIEMPRE sale desde esa ventana y, a veces, en Diseño de Plantilla. En una lata, pero el hack funciona bien, y en la página se ve estupendamente y sin ningún tipo de error.

Para cambiar el tema de la búsqueda y que os quede en el blog hasta que volváis a cambiarlo, modificadlo en el Elemento de Página, no en la edición de plantilla.
Si sólo queréis buscar cosas sin que "permanezcan" en la pantalla del blog, vale con la búsqueda directa en la barra-search de Google.

Da gusto poder estar informado en línea... :D

Noticias

2007-03-16T00:23:00.000+02:00

usando el "mapa" y la barra de búsqueda de Google. Es el último elemento añadido a la sidebar izquierda.

Y mañana lo cuento...porque he tenido que darle doscientas vueltas al hack original... que no salía. Ahora, sí.
Lo dicho: mañana lo explico.

¡Fondos "a gogó"!

2007-03-16T00:22:00.000+02:00

si no corto ahora mismo... hoy no duermo, jajajajaa.
Y es que he encontrado-y mirado, admirado, probado y cambiado mil veces-dos páginas de fondos: una de ellas más, si se quiere, "ingénua" y otra más "seria":

La primera es Background City y tiene unos fondos de panelado de madera muy guapos... y hasta fondos para páginas infantiles.

La segunda es Absolute background textures Archive y tiene ¡miles! de fondos, que se pueden elegir por color, textura, borde... (en la sidebar de la página) o... podéis probar a diseñar vuestro propio fondo.

En cuanto a la primera página, sólo tenéis que elegir un tema de los que se os muestran y picar en el tema que os guste... click con el botón derecho del ratón y "guardar como".

Respecto a la segunda página, picáis en un color, p.e., y se os muestran cientos de fondos en los que predomina ese color (también hay una miscelánea... preciosísima). Picáis en el fondo que os gusta, y os lleva a una página en la que aparece(a la izquierda... no hagáis caso de lo demás)vuestro fondo y un botón encima que pregunta si añadís el fondo: pulsad y el bótón cambiará a "Añadido". Entonces, clickad con el botón derecho del ratón sobre la imagen y en "guardar como".

Luego... no tenéis más que ir a Edición de entrada, insertar imagen, examinar y escoger el fondo que habéis guardado, subirlo a vuestra entrada y copiar la URL (src=http://... gif.) e insertarla en la parte de vuestra plantilla que deseéis mostrar con ese fondo.

Por regla general, no suelo usar un backgroun "completo": suelo usarlos para iluminar una sidebar, o la widebar el "main"... pero no todo a la vez, generalmente.

Si queréis insertar el fondo en todo el blog, añadir la URL a la definción body, así:

body {
background:url(http://... gif);
-------
-------

No olvidéis el punto y coma detrás del paréntesis o no se verá en absoluto el fondo.

Y... alguien tiene que verlo: el fondo tan guapísimo que he puesto en Mi blog de pruebas... igual marea un poco, pero... es que me ha gustado mucho, je :)
Y algo más discreto o suave, con flores, en Nueva Plantilla

Es que me chifla este tema de los fondos... :D

Y voy a ver si pongo las noticias del diario en el blog, que últimamente no me da tiempo ni a leer el periódico... al menos las dejo a mano... y mañana explico cómo se hace.

Imagen pop-up con ventana

2007-03-16T00:21:00.002+02:00

ppdéis ver cómo funciona en la sidebar izquierda-al final-, picando donde dice "con pala y todo": saldrá una ventana con un muñeco dentro.

Y se hace así:

1º.- Insertar ésto dentro de la tag head de la plantilla (yo lo he puesto en un Elemento de página HTML-jAVA):

2º.- Y ésto dentro de la tag Body, donde queráis que aparezca la imagen en su ventana (que yo he puesto, a continuacíon del código anterior, en el Elemento de página):

<a href="#" onClick="jkpopimage('food1.jpg', 325, 445, 'Breakfast is served.'); return false">

Breakfast pancakes</a>

Insertad aquí la URL de la imagen y cambiad el texto de la imagen y el del link a vuestro gusto.

Vía: JavascriptKit

Nota: los números que van detrás de la URL (en el ej. "food1.jpg"), son el ancho y el alto, respectivamente, de la ventana pop-up: cambiadlos a vuestra conveniencia.

Tres años...

2007-03-16T00:21:00.001+02:00

mientras, en estos días, se celebran las vistas judiciales por la matanza terrorista del 11-M, en las que sus ejecutores niegan su extremismo religioso y político, y cualquier participación, aún frente a las pruebas de ADN que les señalan e inculpan, mi país-nuestro país-sale a la calle para recordar a tantas familias destrozadas, que no están solas en su dolor. Para recordar que la violencia sólo engendra rencor, y que de éste nacen la venganza y nuevas ciolencias.
Para recordar que NADIE puede privar a NADIE de su más sagrado derecho: EL DERECHO A LA VIDA.
Para recordar que ninguna idea, política o religiosa, es superior a nuestro derecho a VIVIR.
Once metros contra el olvido.
En la estación del metro de Madrid, se ha elevado, bajo una enorme cúpula, un recordatorio a las víctimas del atentado: ayer fue inaugurado, entre flores, memoria, lágrimas e impotencia.
Que jamás el Mundo olvide lo que aquí sucedió... lo que-por desgrtacia- sucede cada día en todo el Orbe: porque quien olvida la Historia, está condenado a repetirla.

Recoger...soltar...

2007-03-16T00:20:00.000+02:00

imágenes, textos, y lo que a uno se le ocurra (los títulos de las entradas, p.e... lo que imagine cualquiera).

¿Qué significa ésto?. Pues echad una mirada a mi blog de Pruebas y moved las imágenes y el texto de la cabecera por donde os parezca, porque... se pueden mover :D, gracias a unas piezas de código:

1º.- CSS, a insertar antes del cierre /skin

2º.- HTML, pues... donde queráis mostrar el efecto. Pero dentro de la sección Body, claro

<img src="test.gif" class="drag"><br>

<img src="test2.gif" class="drag"><br>

<h1><b class="drag">"Hi there</b></h1>

Introducid la URL de la imagen y/o el texto que queráis, y listos.

Vía: JavascriptKit

Post-It

2007-03-16T00:19:00.001+02:00

se ve en la cima del blog, al lado de las entradas, cada vez que la página se "refresca". Basta con darle a ""X Cerrar" para que no vuelva a "molestar"... hasta el siguiente "refresco", je.

Y me parece muy útil... no ya para recordar a las visitas donde pueden encontrar cosas, sino para una mismo: hay cosas que hay que actualizar siempre a mano en un blog... y no siempre se acuerda una, la verdad.

Lo he encontrado en JavascriptKit, y consta de dos piezas de código, a insertar-la primera- dentro de la sección head (preferiblemente antes del cierre /skin; y, la segunda, en la cima de la página, es decir: en lo más alto de la sección Body.

Y, para variar, he omitido estas instrucciones para tener mayor control sobre la posición del objeto: así que he unido ambas piezas de código en un Elemento de Diseño HTML-Java sobre las "Entradas del Blog". Y, francamente, queda mejor (a mi juicio).

Bien. Vamos a los códigos:

1º.- CSS:

2º.- HTML:

<div id="postit" style="left:150px;top:150px">

<div align="right"><b><a href="javascript:closeit()">[Close It]</a></b></div>



<b>Reminder:</b><br>

<p><font size="2" face="Arial"><a href="http://freewarejava.com" target="_new">Looking for

free Java applets?<br>

</a>Be sure to check out our sister site Freewarejava.com</font></p>

<p><font size="2" face="Arial"><a href="http://www.dynamicdrive.com" target="_new">Looking for

more scripts?<br>

</a>Visit our partner Dynamic Drive for free, original DHTML scripts and

components.</font></p>



</div>

<script>

//Post-it only once per browser session? (0=no, 1=yes)

//Specifying 0 will cause postit to display every time page is loaded

var once_per_browser=0

///No need to edit beyond here///

var ns4=document.layers

var ie4=document.all

var ns6=document.getElementById&&!document.all

if (ns4)

crossobj=document.layers.postit

else if (ie4||ns6)

crossobj=ns6? document.getElementById("postit") : document.all.postit

function closeit(){

if (ie4||ns6)

crossobj.style.visibility="hidden"

else if (ns4)

crossobj.visibility="hide"

}

function get_cookie(Name) {

var search = Name + "="

var returnvalue = "";

if (document.cookie.length > 0) {

offset = document.cookie.indexOf(search)

if (offset != -1) { // if cookie exists

offset += search.length

// set index of beginning of value

end = document.cookie.indexOf(";", offset);

// set index of end of cookie value

if (end == -1)

end = document.cookie.length;

returnvalue=unescape(document.cookie.substring(offset, end))

}

}

return returnvalue;

}

function showornot(){

if (get_cookie('postdisplay')==''){

showit()

document.cookie="postdisplay=yes"

}

}

function showit(){

if (ie4||ns6)

crossobj.style.visibility="visible"

else if (ns4)

crossobj.visibility="show"

}

if (once_per_browser)

showornot()

else

showit()

</script>

<script language="JavaScript1.2">

//drag drop function for ie4+ and NS6////

/////////////////////////////////

function drag_drop(e){

if (ie4&&dragapproved){

crossobj.style.left=tempx+event.clientX-offsetx

crossobj.style.top=tempy+event.clientY-offsety

return false

}

else if (ns6&&dragapproved){

crossobj.style.left=tempx+e.clientX-offsetx

crossobj.style.top=tempy+e.clientY-offsety

return false

}

}

function initializedrag(e){

if (ie4&&event.srcElement.id=="postit"||ns6&&e.target.id=="postit"){

offsetx=ie4? event.clientX : e.clientX

offsety=ie4? event.clientY : e.clientY

tempx=parseInt(crossobj.style.left)

tempy=parseInt(crossobj.style.top)

dragapproved=true

document.onmousemove=drag_drop

}

}

document.onmousedown=initializedrag

document.onmouseup=new Function("dragapproved=false")

</script>

Cambiad, por supuesto, las URL y los textos. También podéis modificar a vuestro gusto el color, el padding, el ancho, el fondo de color... lo que queráis.

Uf... Traductor Google...

2007-03-16T00:18:00.000+02:00

digo "uf" porque, entre que no me gusta, que le estoy pillando "manía" al Google (con eso de que me bloquea) y que... que... que yo qué sé... pues que me he estado resistiendo.
¡pero no encuentro ningún traductor que funcione bien en "directo!. O que traduzca la página entera sin pretender cobrarme por ello...

Así que... está bien: pues me rindo.

De forma que, nuevo traductor. De Google (arg). Si queréis instalarlo en el blog, colocad donde queráis este código (directamente en el lugar de la plantilla que queráis, o en una ventana de "Añadir Elemento-HTML-Java"):

<div class='widget-content'>

<center><form action="http://www.google.com/translate" target="_blank">

<script language="JavaScript">

</script>

<font color="#000000"><P ALIGN="center">Traducir el Blog a:</font></P> <br> <input value="+location.href+" name="u" type="hidden"/><input value="en" name="hl" type="hidden"/><input value="UTF8" name="ie" type="hidden"/><input value="" name="langpair" type="hidden"/><input onclick="this.form.langpair.value=this.value" title="Frances" value="en|fr" type="image" height="20" src="http://photos1.blogger.com/img/43/1633/320/13539949_e76af75976.jpg" width="30" name="langpair"/> <input onclick="this.form.langpair.value=this.value" title="Aleman" value="en|de" type="image" height="20" src="http://photos1.blogger.com/img/43/1633/320/13539933_041ca1eda2.jpg" width="30" name="langpair"/> <input onclick="this.form.langpair.value=this.value" title="Italiano" value="en|it" type="image" height="20" src="http://photos1.blogger.com/img/43/1633/320/13539953_0384ccecf9.jpg" width="30" name="langpair"/><br> <input onclick="this.form.langpair.value=this.value" title="Portugues" value="en|pt" type="image" height="20" src="http://photos1.blogger.com/img/43/1633/320/13539966_0d09b410b5.jpg" width="30" name="langpair"/> <input onclick="this.form.langpair.value=this.value" title="Ingles" value="es|en" type="image" height="20" src="http://www.connyriemers.com/english%20flag.gif" width="30" name="langpair"/> <input onclick="this.form.langpair.value=this.value" title="Japones" value="en|ja" type="image" height="20" src="http://photos1.blogger.com/img/43/1633/320/13539955_925e6683c8.jpg" width="30" name="langpair"/><br><input onclick="this.form.langpair.value=this.value" title="Koreano" value="en|ko" type="image" height="20" src="http://photos1.blogger.com/img/43/1633/320/13539958_3c3b482c95.jpg" width="30" name="langpair"/> <input onclick="this.form.langpair.value=this.value" title="Chino Simplificado" value="en|zh-CN" type="image" height="20" src="http://photos1.blogger.com/img/43/1633/320/14324441_5ca5ce3423.jpg" width="30" name="langpair"/> <input onclick="this.form.langpair.value=this.value" title="Arabe" value="en|ar" type="image" height="20" src="http://photos1.blogger.com/blogger/3709/485/1600/arabic-flag.gif" width="30" name="langpair2"/></form></center>

No sé por qué... me estaba acordando ahora de una viñeta de la Mafalda de Quino... mejor no lo cuento. :(

Navegación con Ajax

2007-03-16T00:17:00.000+02:00

que no es el nombre de un estropajo, ni de ningún producto de limpieza, jjajaaa, sino uno de esos sistemas con que los codificadores nos hacen más simple la vida en la construcción de los blogs.
Lo primero que hay que decir, es que este sistema es absolutamente incompatible con otros sistemas de navegación, tipo Peek-A-Boo, barras de menú, etiquetas en Artículos o Categorías, Tablas de Contenidos, etc. De manera que si queréis usarlo HA DE SER A SOLAS.

Por ese motivo no lo he insertado en mis blogs de hacks: me gustan demasiado mis Artículos y demás como para renunciar a ellos. Pero sí lo he usado en mi blog de CUENTOS: Si entráis, podéis picar en cualquiera de las etiquetas de la sidebar... veréis un "loading" y, a continuación, se os desplegará, bajo la cabecera, las entradas con esa etiqueta, reseñadas por páginas, y con un resumen de cada una de ellas.

La verdad es que es muy práctico y bonito este sistema.

La idea original la podéis encontrar en Blogger Hacked, y su traducción al español, realizada por Leonel, en Trucos Blogger, así:

1º.- CSS-script: Id a Edición de Plantilla y expandedla: podéis colocarl este código antes del cierre / "head"

Yo modifiqué algo el CSS para diseñarlo a mi manera y que me quedara más "mono". Cada quien... ya sabe: a la suya :)

2º.- HTML:
Buscad esta tag: <b:loop values='data:post.labels' var='label'>

<a expr:href='data:label.url' rel='tag'><data:label.name/></a>

y sustituidla por ésta:

<b:loop values='data:post.labels' var='label'>

<a href='#sres' expr:onclick='"javascript:getCat(\"" + data:label.name + "\",null)"' rel='tag'><data:label.name/></a>

ITEM MAS:

Si ya tenéis un elemento ETIQUETAS en vuestra plantilla, además de lo anterior, habréis de "descubrir"- en vuestra plantilla extendida, probablemente en la sección de sidebar- ese widget (tendrá la ID "Label" y el "title" que le hayáis puesto). Ahí reemplazaréis esta condicional: <b:if cond='data:blog.url == data:label.url'>

<data:label.name/>

<b:else/>

<a href='data:label.url'><data:label.name/></a>

</b:if>

por ésta:

<b:if cond='data:blog.url == data:label.url'>

<data:label.name/>

<b:else/>

<a href='#sres' expr:onclick='"javascript:getCat(\"" + data:label.name + "\",null)"' ><data:label.name/></a>

</b:if>

4º.- mirad que no exista ningún "desastre" en "Vista Previa" y guardad la Plantilla. Ahora debéis añadir a vustro blog el "widget" que podéis picar en Trucos o en Blogger Hacked, donde queráis... se añadirá un elemento de página nuevo en vuestra sidebar, por defecto, y allí es dónde se os mostrará este sistema de navegación.

Ahora bien: personalmente, no me gusta nada que ese resumen de mis entradas por etiqueta se vea en la sidebar: no queda nada guapo.
Yo he preferido mostrarlo sobre las Entradas del Blog y, para ello, acudí a Edición de plantilla, la expandí y bajé hasta el widget y sección "Entradas del Blog". Allí añadí, tras el "id main" ésto:
maxiwidgets="2" showaddelement="yes";

de manera que queda así la sección:

<b:section class='main' id='main' maxiwidgets='2' showaddelement='yes'>

Ahora, si miráis el Diseño de vuestra plantilla, veréis que hay un "Añadir Elemento" sobre "Entradas del Blog". Ahí es dónde colocaréis el contenido HTML del widget "automático", de forma que el sistema de navegación se despliegue ahí.

Y creo que... nada más...

Para que las etiquetas no queden muy "sosas" podéis, p.e., colocar unas pestañas verticales, que quedan muy guapas, y que podéis elegir en Exploding Boy (¿A que son guapas?: yo tengo unas en este blog... con algún añadido) y aprender a insertarlas con Hoctro's Place o.. en Ayuda&Kaos, que ya lo tengo explicado, o en Trucos Blogger...

Eliminar la barra de Blogger

2007-03-16T00:16:00.000+02:00

es decir: eso que llaman "nabvar".

Y es que, últimamente, se ha puesto de moda eso de que Blogger paralice los blogs, al chivatazo de "spam" de uno de sus robots. Ya se sabe que los roborts son tontos perdidos (entre otras cosas, porque los habrán diseñado seres humanos que... mejor no sigo, jajajjaaaa) y no "saben" distinguir entre un "spam" y un blog "comme il faut".

Así que, para curarme en salud, en lugar de "disimular" con una opacidad la barra de Blogger (como he hecho, p.e. en Ayuda&Kaos") la elimino directamente y les hago la pascua a los robots, de esta manera:

Justo detrás de la apertura del head, al principio de la plantilla, he insertado una "meta", así:

Frita me tienen ya los de Blogger... a ver si ahora son ellos los que se van a freir... robots.

Eso sí: la mejor de todas las fórmulas que he encontrado para eliminar la navbar de la vista de los robots de spam o de Blogger (que viene a ser lo mismo, je) es la de colocar, justo encima de la definición #header-wrapper de la plantilla, ésto:

#navbar-iframe {

height: 0px;

visibility: hidden;

display: none;

}

Vía, esta última fórmula: Kumiko
Vía, la primera: Tips and Tricks

Calendario

2007-03-16T00:15:00.000+02:00

fue de las primeras entradas que hice en mis primeros blogs ("ParaPruebas", "Rupturas"...): me parecía algo útil el que los visitantes pudieran acudir desde allí a las entradas del blog: actualizadas al día, y con posibilidad de ver en línea las anteriores y posteriores. Así, teniéndolas todas a la vista y picando en cada una de ellas, nadie tiene posibilidad de equivocarse.

Hoy, repasando mis viejos blogs, recordé el calendario... y decidí insertarlo aquí. Volví a la página de 30 Boxes para confeccionarlo, pero... se ha complicado mucho la cosa en cuanto a rellenar campos.
Así que decidí usar el código de mis viejos blogs, cambiando la URL... y aquí está el nuevo calendario (abajo del blog:en la sidebar del pie de la página).

Por si a alguien le interesa, éste es el código que he usado:

Por supuesto, tendréis que reemplazar mi URL por la vuestra si queréis que funcione con vuestro blog (aunque si queréis las entradas de mi calendario en vuestra página... pues nada... encantada, je :) )

"Iluminar" Comentarios" (II)

2007-03-16T00:14:00.000+02:00

yaquí viene la siguiente, por obra y gracia de Hackosphere, que consiste en mostrar un pixel-button cuando responde a un comentario el autor de su entrada (también despliega los comentarios en la entrada).

Podéis verlo trabajar en "Ayuda&Kaos" Y EN ESTE BLOG (picad en el "more" de cualquiera de los comentarios en la sidebar derecha, y os llevará a la entrada y sus comentarios. Allí podéis ver cómo queda el hack).

1º.- Id a Edición de Plantilla y quedaos en la definición de los comentarios en el body; algo como ésto:

.comment-body {
margin:0;
padding:0 0 0 20px;
}
.comment-body p {
font-size:100%;
margin:0 0 .2em 0;
}

Añadid y cambiad como queráis (color, fuente...) lo siguiente:

.comment-body-author {
margin:0;
padding:0 0 0 20px;
}
.comment-body-author p {
font-size:100%;
margin:0 0 .2em 0;
color:#CC3300;
text-decoration:bold;
}

2º.- Bajad la plantilla y encontrad el id="comments-block", para dejarlo así:

Una vez que lo apliquéis, veréis que los comentarios del autor de la entrada se muestran en color distinto a los otros y que, al picar en el pixel-button, se enviará un correo con la respuesta del autor al nik que emitió el comentario. Ramani ha creado un "plus" de seguridad para este hack: sólo puede ser visualizao el pixel por los visitantes CUANDO EL DUEÑO DEL BLOG ESTÁ EN SU CUENTA DE BLOGGER. Mientras tanto, no se ve un pimiento... por si acaso...

Iluminar Comentarios (I)

2007-03-16T00:13:00.000+02:00

la primera fórmula que voy a explicar es la "Asynchronous Peek-A-Boo Comments", de Singpolyma. ¿Qué "hace"?: Pues desplegar los comentarios en sus entradas y marcar, con un color distinto al de los otros liks de comentarios (los de las entradas que no tienen comentarios) la entrada que tiene algún comentario. Además, se puede picar en el link del comentario para verlo o, si no hay, para poner uno, sin necesidad de andar picando en el título de la entrada.

Y nada mejor para explicarme, que veáis el hack en accion AQUÍ: Picad en el título de "Yera un Burru" o en el "1 Comentario|Pon quí tu comentario" de esta entrada.

Y vamos al hack, que ¡Aviso!, lo he interpretado a mi manera... entre otras cosas, porque está realizado con el "0 comentarios" y el "1 comentarioS (plural)" que tan poquito me gustan. Así que lo he adaptado en este punto. Quien no lo quiera así, que siga el hack original, please. Además, he insertado un "Pon aquí tu comentario" para facilitar a las visitas el lugar donde picar para insertarlos (eso... para quien le visite gente maja que le escriba, que no es mi caso, jajajjaaa :p)

1º.- Id a Edición de plantilla y expandidla. Añadid el siguiente script antes del cierre /"head":

2º.- Encontrad la siguiente pieza de código:
<b:includable id='comments' var='post'>

<div class='comments' id='comments'>

y reemplazad la SEGUNDA LÍNEA (SOLO LA SEGUNDA, NADA DE LO QUE VIENE DETRÁS NI DELANTE DE ELLA EN VUESTRA PLANTILLA. INSISTO: SOLO ESA LÍNEA) por lo siguiente:

3º.- Encontrad en vuestra plantilla el código que se refiere a los posts, y que se debe parecer a ésto: <b:includable id='main' var='top'>


Bajad un poquito desde esa tag hasta encontrar la sección del "AllowComments":

<b:if cond='data:blog.pageType == "item"'>

<b:if cond='data:post.allowComments'>

<b:include data='post' name='comments'/>

</b:if>

</b:if>

Y sustituidla por ésto:

<b:if cond='data:post.allowComments'>

<b:include data='post' name='comments'/>

</b:if>

4º.- Encontrad la sección que encabeza esa tag: <b:includable id='post' var='post'>
y dentro de ella, algo como ésto, precedido por un "span":
<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>

Reemplazadla, por lo siguiente (aquí es donde vienen mis "cambios"):

<span class='post-comment-link'>

<b:if cond='data:blog.pageType != "item"'>

<b:if cond='data:post.allowComments'>

<b:loop values='data:post.feedLinks' var='f'>

<a class='comments' expr:href='data:post.url + "#comments"' expr:onclick='"peekaboo_comments_display(&quot;" + data:f.url + "&quot;,&quot;commentsul" + data:post.id + "&quot;,thisblog_showCommentPhotos);toggleitem(&quot;comments" + data:post.id + "&quot;);return false;"' rel='comments'> |Pon aquí tu comentario|

<b:if cond='data:post.numComments == 0'>

|sin comentarios|

<b:else/>

<b:if cond='data:post.numComments == 1'>

|1 comentario|

<b:else/>

<data:post.numComments/> comentarios

<data:top.commentLabelPlural/>

</b:if>

</b:if>

</a>

</b:loop>

</b:if>

<b:else/>

<b:if cond='data:post.allowComments'>

<a class='comment-link' expr:href='data:post.url + "#comments"' expr:onclick='"toggleitem(&quot;comments" + data:post.id + "&quot;);return false;"'> |Pon aquí tu comentario|

<b:if cond='data:post.numComments == 0'>

|sin comentarios|

<b:else/>

<b:if cond='data:post.numComments == 1'>

|1 comentario|

<b:else/>

<data:post.numComments/> comentarios

<data:top.commentLabelPlural/>

</b:if>

</b:if>

</a>

</b:if>

</b:if>

</span>

Y, por fín, hemos terminado. Mirad en "Vista Previa" si todo está en orden y guardad la plantilla.

Y... atenttos... porque es fácil perderse en este hack... :)

Robo Institucionalizado

2007-03-16T00:12:00.000+02:00

Para un día que me apetece dejar registrado uno de mis cuentos... resuñta que me encuentro con que Blogger no me deja publicar entradas: que dice que si es un blog dedicado al "SPAM". Alucinante... yo que no uso Adsense ni ninguna de esas gaitas... ahora resulta que los cuentos son "spam", por lo visto.

Acabo de escribir un correo a Blogger, bastante indignado (supongo que me darán en las narices, je). Y estoy pensando que voy a hacerme con mi propio dominio... porque ya me estoy cansando de tanta barbaridad:

Muy Sres. Mío:

Diré, para enpezar, que prefiero escribir este correo en español para que se entienda claramente:

.- Han bloqueado vds. mi blog http://junio-cuentacuentos.blogspot.com/

aduciendo que se dedica al no muy noble "arte" del Spam:

¿¿¿QUE SPAM??. Porque mi blog no tiene siquiera Adsense ni ninguno de los otros "métodos" que se emplean en la red para ganar dinero y, de paso, aburrir a los visitantes.

Mi Blog es, en exclusiva, un recopilatorio de cuentos imaginados por mí. Nada más.

Y van vds. a destrozar mi trabajo no sé por qué razón, mientras veo, cada día en la blogoesfera, cientos y cientos de blogs que venden Adsense y cosas por el estilo: ¿eso no es spam?. Porque a mí me parece que lo es: sólo que "institucionalizado".

Y añado más: mientras yo me dedico tranquilamente a dejar mis cuentos en mi blog, otros se dedican a robar contraseñas y destrozar blogs ajenos. Y de ello tienen vds. y sus "robots" cientos de muestras en la red, enpezando por mi "difunto" blog: "Protesto", hackeado por unos mexicanos que me dejaron un mensaje que no voy a repetir, porque no llego a tanta vulgaridad.

¿Qué pasa con eso?. Nada.

Sin embargo, se dedican vds. a bloquear blogs de cuentos. No lo entiendo en absoluto.

Y ahora mismo se me enciende una "luz": Hace unos días que cambié el background de mi Blog, para poner unos de "Final Sense" que le gustaron a mi hijo: uno de la ardilla de "Ice Edge" y otro del "Diablo de Tasmania": después de revisar cientos de veces mi blog en esta noche... descubro un código de barras con la mencuión de la autoría del background de "Final Sense".

¿Es "eso" lo que sus robots toman por un spam?. Porque si les molesta tanto que la web autora del background ponga su firma, como la ponen en los scripts de las páginas de Google todos los codificadores, para ganar dinero en el interior de nuestras plantillas... pues apaga y vámonos.

Por lo expuesto, les ruego que A LA MAYOR BREVEDAD POSIBLE, me devuelvan vds. el uso de mi Blog: dado que me piden una respuesta INMEDIATA, así mismo yo se la pido.
Revisen mi Blog tantas veces como quieran, pero desbloquéenmelo inmediatamente y no sostengan por más tiempo una decisión tan absurdamente injusta e injustificada.

Atte.

Llara.
--------------------------------------

PD: Y me devolvieron el blog.
Pero, a estas horas, ya me tienen bloqueados otros dos. Alucinante.

Se ve que mi carta ha hecho "efecto" y les ha gustado bloquearme y "jorobarme", je. Pena que no exista ningún organismo superior para efectuar denuncias, porque ésto es para denunciar. De momento, me he cargado las navbar de todos mis blogs.

Me van a perdonar, pero es que si no lo digo, reviento: Qué cara más dura tienen estos de Blogger.

Cambiar (random) el color de fondo de la plantilla...

2007-03-16T00:11:00.001+02:00

Cuando te de la gana y con sólo insertar un código, guardarlo y... refrescar la página cada vez que quieras cambiarlo. Así de fácil :D. Quien quiera ver un ejemplo de su funcionamiento, aqui: Nueva Plantilla.

Y, como decía, sólo hay que hacer ésto:

Insertar el siguiente script en la definición del Body de la plantilla (el que se abre inmediatamente detrás de "Variable Definitions", al principio de la plantilla):

Guardad y pulsad "F5" cada vez que queráis ver vuestra plantilla con un fondo-"background" de distinto color. :)
Podéis elegir los colores que os gusten: reemplazando los que vienen en el código o incluyendo otros. Puede seros útil, a la hora de elegirlos, picar en "Fuentes y COlores" que aparece en el Diseño de Plantilla.

Vía: JavascriptKit

PD: También podéis ver un "poquito" los cambios en este blog: arriba del título... el espacio que ocupa la navbar opaca... es que me gustan tanto los colores que he conseguido en este blog... que no me apetece, por ahora, verlos cambiar: por eso he insertado el código en el cuerpo de la plantilla, en lugar de en su definición :$

Switch Menú

2007-03-16T00:09:00.000+02:00

Como decía otro día, lo ví en Dynamicdrive: Hacía mucho que deseaba algo así para mi blog... y sólo encontraba cosas que funcionaban... para Firefox.

Y es tan sencillo como mantener la unidad de ID a la hora de diseñar su contenido. Y sólo dos pasos:

1º.- CSS (antes del cierre /skin... al menos a mí me gusta poner ahí los CSS... aunque hay gente que los coloca inmediatamente antes del cierre /head... cada quien a lo suyo: yo prefiero en "exclusiva" el /head para los scripts):

2º.- HTML: A insertar en el cuerpo de la plantilla (body) donde cada quien desee. Se puede insertar directamente en Edición de Plantilla o en Diseño-Añadir Elemento HTML-JAVA:

<div id="masterdiv">

<div class="menutitle" onclick="SwitchMenu('sub1')">Site Menu</div>

<span class="submenu" id="sub1">

- <a href="new.htm">What's New</a><br>

- <a href="hot.htm">What's hot</a><br>

- <a href="revised.htm">Revised Scripts</a><br>

- <a href="morezone/">More Zone</a>

</span>

<div class="menutitle" onclick="SwitchMenu('sub2')">FAQ/Help</div>

<span class="submenu" id="sub2">

- <a href="notice.htm">Usage Terms</a><br>

- <a href="faqs.htm">DHTML FAQs</a><br>

- <a href="help.htm">Scripts FAQs</a>

</span>

<div class="menutitle" onclick="SwitchMenu('sub3')">Help Forum</div>

<span class="submenu" id="sub3">

- <a href="http://www.codingforums.com">Coding Forums</a><br>

</span>

<div class="menutitle" onclick="SwitchMenu('sub4')">Cool Links</div>

<span class="submenu" id="sub4">

- <a href="http://www.javascriptkit.com">JavaScript Kit</a><br>

- <a href="http://www.freewarejava.com">Freewarejava</a><br>

- <a href="http://www.cooltext.com">Cool Text</a><br>

- <a href="http://www.google.com">Google.com</a>

</span>

<img src="about.gif" onclick="SwitchMenu('sub5')"><br>

<span class="submenu" id="sub5">

- <a href="http://www.dynamicdrive.com/link.htm">Link to DD</a><br>

- <a href="http://www.dynamicdrive.com/recommendit/">Recommend Us</a><br>

- <a href="http://www.dynamicdrive.com/contact.htm">Email Us</a><br>

</span>

</div>

Y acordaos de subir el botón del "About"... o no "funcionará".
Para insertar más elementos en el desplegable... repetid la tag de cierre y apertura de "a", terminado con el "span" el último elemento que insertéis.
Para añadir más menús, copiad la estructura del menú y submenú y cambiad el número por el orden que haga, p.e.: si el hack tiene "5" menús, el nuevo a insertar será el "6"... y ojo, que tambíén hay que cambiar el número en el submenú.

"Three Column Grid" y más...

2007-03-16T00:08:00.000+02:00

Es el primer hack de Hoctro´sen lo que a plantillas se refiere: la he probado, a ver qué tal resulta... y hay cosas que me gustan, como la barra de búsqueda con sus resultados; otras que ya había probado, como la barra Google-vídeo... y otras que no me gustan tanto: como el error que da al cambiar la plantilla con el sistema Grid.

Pero es una opción que me gusta bastante, la verdad, dejando a un lado las pegas, que ya comento en la plantilla donde hice el hack: Nueva Plantilla. Lo único que hay que tener en cuenta es que la plantilla no tiene ni Perfil ni Archivo, así que quien quiera, tiene que ir a Diseño y Añadir el Elemento. Y cosa importante: hacerse con una "key API" de Google y sustituir con ella la del propio Hoctro's, que es la que viene insertada en la plantilla (en distintos lugares: los que se refieren a vídeo y Search de GGoogle).
Lo de la clave de API ya lo comenté en su día... creo que está en la etiqueta "Música" de "Ayuda&Kaos" (no lo cuento otra vez... que me repito más que el ajo).
La Plantilla tiene insertado un Adsense en la sidebar del Grid... pero no lo tengo puesto por que no me gusta y porque... no recuerdo la cuenta, la dirección ni la contraseña con que lo inserté en mis primeras pruebas en blogger. Y no me apetece hacerme otra cuenta... para qué...

"Eye":

2007-03-16T00:07:00.000+02:00

Así se llama el fondo de esta plantilla que espero dejar una temporadina aquí puesta: es que la otra era muy bonita, pero... un poco "fúnebre". Prefiero algo más suave y alegre.
Por si a alguien le interesa (que seguro que sí, pero no me lo diréis jamás, jajajjaaaa :p)he insertado la url que para el background aparece en la plantilla, y he eliminado el "no-" delante del "repeat", porque lo que precisamente deseo es que el dibujo se repita a lo largo de toda la sidebar.

Y, como la otra, es cosa de Final Sense

(Pd: A partir de aquí, elimino el pie de la entrada en el que dice: "Inicio|Entrada más reciente|Entrada anterior|... me da mucha pereza andar actualizando cada vez que tengo una nueva entrada, y se puede andar por el blog perfectamente, sin necesidad de estas instrucciones.

Nuevo Menú

2007-03-16T00:06:00.000+02:00

Me da un poco lo mismo si alguien se ha percatado de que he puesto en la sidebar un menú nuevo: "Aire Switch... pero es algo que venía buscando desde hace tiempo y , al fín, lo he conseguido, basándome en una idea de Dinamycdrive: Al pinchar en cada categoría, se despliegan las subcategorías consiguientes... incluído el botón "About Me". La verdad es que me apetecía mucho algo así, aunque sólo fuera a título de prueba y para demostrar que se puede hacer cosa semejante en un navegador IE.

Otro día cuento más... si me acuerdo.

Cambio de Fondo... a fondo.

2007-03-16T00:05:00.000+02:00

Ala vista está... un paisaje de fondo del blog- Me ha costado un poquillo, por aquéllo de andar mirando en qué lugares de la plantilla se producía el efecto y cuales me quedaban "a uvas"... pero lo he conseguido :D... con la gana que tenía yo de cambiar de plantilla... pero no me apetecía un pimiento tener que andar guardando mis "widgets", prestos a la "desaparición"...

Pues nada: el fondo no me lo he inventado yo, sino Final Sense, que tiene unas plantillas preciosísimas. Quien quiera, que cambie sólo el fondo, como he hecho yo, y andando... sin necesidad de andar cambiando la plantilla entera ni perdiendo cosas por el camino (bueno... perder, perder... he tenido que volver a "colorear" las tablas en las que muestro los códigos, tanto la "sombra" como el contenido; y también he cambiado el color de los títulos... aquéllos no se veían, éstos se veían feos... y hay alguna cosa, como las "Categorías", que se me "escapan" de un fondo a otro... pero me parece que así van a a quedar, jajajjaaa. Eso sí... tengo que seguir retocando los colores de los contenidos. Y hacer como que no veo los cuadraditos de color en los que han quedado encerrados los smileys... en fín: no se puede tener todo...

Rotando Banners

2007-03-16T00:04:00.000+02:00

Quien quiera ver cómo van cambiando los banners en un blog, puede echar un vistazo en Prueba, donde también he probado el hack para cambiar el color de la plantilla, que ya tengo explicado en "Ayuda&Kaos".
Cada vez que pulséis la tecla F5 en esa página, el banner cambiará.

Su autor (y el de las fotos de los banners... yo no tengo paciencia para buscar tanta foto... :( )describe su hack en Freeyasoul, de la siguiente manera:

1º.- Un CSS antes del cierre skin de la plantilla (no hace falta expandirla):

#header {
background:#476 url("http://www.blogblog.com/rounders4/bg_hdr_bot.jpg") no-repeat left bottom;
margin:0 0 0;
padding:0 0 8px;
color:#fff;
}

2º.- Un script, a insertar sobre el cierre head:

Habréis de cambiar las URL de los banners y el número: si queréis 6 banners, añadidlo y poned un "5" en el número de aleatorio. Si queréis sólo 3, poned un "2" en el aleatorio... o sea: siempre un número menos de los banners que vais a colocar.

Hala... suerte :D (anda que no me dan trabajo ni nada las cabeceras... es lo que más me cuesta y joroba a la hora de comenzar un blog... me pongo enferma sólo de pensar en tener que ajustar cinco banners... uf).

Pd: ¡Ojo!... que sólo se puede hacer en una cabecera "commen il faut". Es decir: con su "header-wrapper" original. Lo digo porque si tenéis completamente alterada e irreconocible esta sección, p.e., porque ya habéis colocado una imagen clickable... va a ser que no. Este hack usa de fondo el fondo original del header-wrapper, y por eso despliega ´sin problemas el título del blog, sobreimpresionando la imagen.
De manera que si lo queréis... tenéis que "restaurar" la sección a su forma original y, claro, de momento, cargaros la estructura de vuestro banner actual.

Sidebar y "widgets"

2007-03-16T00:03:00.000+02:00

Las "sidebar", traducido al español, quiere decir: "side": lado, lateral; "bar": barra.
O sea: que son las "barras" que hay en los laterales del blog, junto a las entradas. Es donde colocamos todos nuestros "chismes": las etiquetas, los links, los comentarios, las referencias, etc: todo lo que no es estrictamente "entradas del blog".

En este blog tengo dos sidebar: una a la izquierda de las entradas, en la que tengo puestas las correspondencias de Smileys, los iconos de referencia de los feed de entradas y comentarios, las etiquetas multi-estilo y los Artículos por etiqueta.

Mi segunda sidebar está a la derecha de las entradas, y ahi tengo puestos los Comentarios, mi Perfil y el Archivo del Blog.

La configuración del ancho, color, fondo, posición y demás de las sidebar, las encontramos en la Edición de HTML de la plantilla, tras la Definición de Variables.

Para encontrar en la plantilla los objetos o widgets que hay dentro de ellas y poder modificarlos, o añadir más cosas en alguna de esas sidebar, tenemos que ir a Edición de HTML y picar en "Expandir plantilla de Artilugios": ésto quiere decir que nos va a mostrar todos los "chismes"-objetos-artilugios-widgets que tenemos en el blog, incluídos los de la sidebar (p.e.: comentarios, archivo del blog, etiquetas multi-estilo, etc.).

Una vez hecho ésto, bajamos la plantilla hasta donde se encuentran nuestras sidebar, que se pueden llamar de muchas formas, dependiendo de la plantilla y de las columnas que tenga: en mi plantilla, mis sidebar se llaman:

.- div id='sidebar-wrapper', que es donde tengo los Smileys, los feed y las Categorías. Y como la he puesto muy cerquita del acabecera del blog, pues está pegadita al "header-wrapper" (Cabeceta del Blog: donde está el título, y donde suelo poner la barra de menú)

.- Bajo el post-footer-line-3, es decir, terminado el elemento "Navigation", tengo mi sidebar derecha, que aparece así:
div id='sidebar-wrapper'
b:section class='newsidebar' id='newsidebar' preferred='yes'

Aquí tengo el botón de ida a "Ayuda&Kaos", los Comentarios, mi Perfil y el Archivo.

Dentro de cada una de estas secciones de sidebar, hay un elemento que no aparece en el resto de la plantilla: LOS B:WIDGET. Cada uno de nuestros "chismes" (comentarios, archivo, etiquetas, feed, links...) en el blog que aparecen en los laterales de las entradas, están configurados en la sidebar y con el nombre de WIDGET.
Un widget se abre con un b:widget, la calse y el título. Y cierra con este signo /. El último widget de la sidebar cierra, además, con el cierre de la sección y de la sidebar... es decir: detrás del cierre del último widget (/b:widget) encontraremos un "/b:section" y un "/div".

Así:

Esta es mi sidebar derecha: aquí podéis ver cómo comienza la sidebar, con la sección. Y, dentro de ella, el comienzo de widget del botón que direcciona a Ayuda&Kaos. Y los datos necesarios: la id-identificación del objeto: HTML, con un número, el "tile" o título, que es el que le hemos puesto a nuestro objeto, "chisme", artilugio" o como queráis llamarlo, y el "type", es decir, el tipo, que aquí es un HTML.. ý dependiendo de los que tengáis será un Feed, una Label, un Text, una Image...

Veis que el objeto abre SIEMPRE con un b:widget y, claro... hay que darle fín de la misma manera: con la referencia b:widget, pero con un cierre "/".

Ahora supongamos que el objeto "Ayuda&Kaos" es el único que tengo en mi sidebar derecha. O que es el último de todos los objetos que tengo allí. Entonces no terminaría sólo con el /b:widget... detrás tendría que "avisar" que "cierra" esa sidebar y su contenido, añadiendo un cierre de b:section de la sección y del div de la sidebar. Así:

Y ahora, supongamos que quiero añadir otra cosa en esta sidebar... otro objeto-widget.

Pues sólo tendría que añadir el nuevo b:widget detrás del cierre del objeto "AyudaKaos (o delante, si queremos que se vea arriba de este widget). P.e.... vamos a añadir los Smileys:

Como terminaría la sección y la sidebar con los Smileys, añadiría detrás del cierre del widget, el cierre de la sección (/b:section) y el de la sidebar (/div).

Es facilín :)... sólo hay estudiar la plantilla y sale todo solo... de verdad que es más fácil hacerlo que decirlo. Y entenderlo mirando la plantilla que leyendo por ahí las explicaciones ;)

"Related Articles by Labels"

2007-03-16T00:02:00.000+02:00

Traducido simple y en español: "Artículos" (me niego a poner toda la traducción para unas entradas presentadas por etiqueta).

Es un hack JSON de Hoctro's que ya había puesto en práctica en otras ocasiones. Y es que me gusta mucho...

Intentaba sustituirlo por un script de The Last Word que prometía... hasta que me cansé de intentar que funcionase... para leer, entre jaculatorias (mías, claro) en un comentario que ¡NO TRABAJA EN IE!.
¡Coime!: ya me parecía rarito el script pero... a mí no se me ocurre enmendarle la plana a nadie de la "élite"... así que pensé que la que estaba "mal" era yo.

Pues nada... que esas cosas se avisan en la misma entrada del hack... no en un comentario, que leí por casualidad.

Así que, después de haber perdido el tiempo miserablemente con algo que era imposible de ejecutar en mi navegador... volví a lo conocido, cómodo, práctico y guapo: este hack... que explico mañana (hoy se me ha hecho tarde "gracias" al hack imposible para IE que nadie avisó, insisto... así decía yo... "qué raro que no he visto un sólo blog con este hack, aparte del blog del autor"... ahora lo entiendo, grrrrrrrrr :( )
------------------------------

Procedimiento:

1º.- en "opciones" de Feed del diseño de plantilla, asegurar que está permitida la opción Feed del blog (es decir... marcar "Sí").

2º.- Ir a Edición de plantilla y expandirla, para añadir este widget en la parte de la sidebar donde se quiera mostrar (entre dos widgets, antes de terminar la sección de esa sidebar, al comienzo de la misma...):

<b:widget id='Blog2' locked='false' title='Blog Posts' type='Blog'>

<b:includable id='comments' var='post'>

</b:includable>

<b:includable id='postQuickEdit' var='post'>

</b:includable>

<b:includable id='main'>







<div class='widget-content'>

<h2>Related Articles by Labels</h2>

<div id='data2007'/><br/><br/>

<div id='hoctro'>Widget by <u><a href='http://hoctro.blogspot.com'>Hoctro</a>

</u></div>

<script type='text/javascript'>

var homeUrl3 = "hoctro.blogspot.com";

var maxNumberOfPostsPerLabel = 4;

var maxNumberOfLabels = 10;

<b:if cond='data:blog.pageType == "item"'>

maxNumberOfPostsPerLabel = 100;

</b:if>

<b:if cond='data:blog.pageType == "item"'>

maxNumberOfLabels = 3;

</b:if>

function listEntries10(json) {

var ul = document.createElement('ul');

var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?

json.feed.entry.length : maxNumberOfPostsPerLabel;

for (var i = 0; i < maxPosts; i++) {

var entry = json.feed.entry[i];

var alturl;

for (var k = 0; k < entry.link.length; k++) {

if (entry.link[k].rel == 'alternate') {

alturl = entry.link[k].href;

break;

}

}

var li = document.createElement('li');

var a = document.createElement('a');

a.href = alturl;

var txt = document.createTextNode(entry.title.$t);

a.appendChild(txt);

li.appendChild(a);

ul.appendChild(li);

}

for (var l = 0; l < json.feed.link.length; l++) {

if (json.feed.link[l].rel == 'alternate') {

var raw = json.feed.link[l].href;

var label = raw.substr(homeUrl3.length+21);

var k;

for (k=0; k<20; k++)

label = label.replace("%20", " ");

var txt = document.createTextNode(label);

var h = document.createElement('h4');

h.appendChild(txt);

var div1 = document.createElement('div');

div1.appendChild(h);

div1.appendChild(ul);

document.getElementById('data2007').appendChild(div1);

}

}

}

function search10(query, label) {

var script = document.createElement('script');

script.setAttribute('src', 'http://' + query + '/feeds/posts/default/-/'

+ label +

'?alt=json-in-script&callback=listEntries10');

script.setAttribute('type', 'text/javascript');

document.documentElement.firstChild.appendChild(script);

}

var labelArray = new Array();

var numLabel = 0;

<b:loop values='data:posts' var='post'>

<b:loop values='data:post.labels' var='label'>

textLabel = "<data:label.name/>";

var test = 0;

for (var i = 0; i < labelArray.length; i++)

if (labelArray[i] == textLabel) test = 1;

if (test == 0) {

labelArray.push(textLabel);

var maxLabels = (labelArray.length <= maxNumberOfLabels) ?

labelArray.length : maxNumberOfLabels;

if (numLabel < maxLabels) {

search10(homeUrl3, textLabel);

numLabel++;

}

}

</b:loop>

</b:loop>

</script>

</div>



</b:includable>

<b:includable id='backlinkDeleteIcon' var='backlink'>

</b:includable>

<b:includable id='feedLinksBody' var='links'>

</b:includable>

<b:includable id='backlinks' var='post'>

</b:includable>

<b:includable id='status-message'>

</b:includable>

<b:includable id='feedLinks'>

</b:includable>

<b:includable id='nextprev'>

</b:includable>

<b:includable id='commentDeleteIcon' var='comment'>

</b:includable>

<b:includable id='post' var='post'>

</b:includable>

</b:widget>

Reemplazar por la URL de vuestro blog la del autor del hack, en este fragmento:
var homeUrl3 = "hoctro.blogspot.com";

.- Para cambiar el número máximo de entradas por etiqueta, cambiad, a vuestras necesidades, el número que figura aquí:

var maxNumberOfPostsPerLabel = 4;

.- Para cambiar el número máximo de etiquetas, cambiad este número:

var maxNumberOfLabels = 10;

Para cambiar el título del widget, hacedlo en esa tag:

<h2>Related Articles by Labels</h2>

.- Para eliminar la referencia al autor del hack (pero estaría bien que lo mencionárais al hablar de este hack), suprimid los datos que figuran aquí:

<div id='data2007'/><br/><br/>

<div id='hoctro'>Widget by <u><a href='http://hoctro.blogspot.com'>Hoctro</a>

.- Para especificar el número máximo de etiquetas y de cabeceras de entrada por etiqueta, mirad aquí:

<b:if cond='data:blog.pageType == "item"'>

maxNumberOfPostsPerLabel = 100;

</b:if>

<b:if cond='data:blog.pageType == "item"'>

maxNumberOfLabels = 3;

</b:if>

Aquí se especifica que el número de cabeceras de entradapor etiqueta es 100, y que sólo se mostrarán las 3 primeras etiquetas (en las páginas de "item", es decir, no la principal).

Y creo que esto es todo...

Smileys para el Blog

2007-03-15T23:59:00.000+02:00

No tengo remedio... :(

Después de la última experiencia con los Emoticonos (me destrozaron la mitad de los javas de la plantilla: snap, Peek-A-Boo...) como que me quedé sin ganas de muñecos. Pero... hay que probarlo todo. Y ahora lo hago con los Smileys de TThe Last Word , con un añadido de CSS de Ramani-Hackosphere, para evitar las líneas alrededor de los muñecos y que estos tiendan a "irse" hacia la izquierda.

A ver cómo funciona... y si funciona... :)

¡SÍÍÍÍÍÍÍÍÍÍ! :D

Pues nada: ha llegado, entonces, la hora de describir los pasos:

1º.- Como he dicho, Ramani, ha propuesto un CSS para evitar los bordes y el "padding". Yo lo he insertado antes de cierre /skin:

.post-body img#new {
margin:0px;
padding:0px;
border:none;
}

2º.- Un simple script, que inserté antes del cierre /head:

Y ya está: ahora se verán los muñecos en todas tus páginas, pero.... si quieres que se vean, además, en otros sitios, como notas a la entrada, encuentra el widget "Entradas del blog"-Blog-1 y añade el script para el smile al final, detrás del cierre b:section. Así:

<b:section id='Blogposts'> <b:widget id='Blog1' locked='false' title='Blog Posts' type='Blog'/> </b:section> <script language="javascript"> addSmiley('post-author', 'post-notes'); </script>

Y ahora, vamos a poner la tabla de los muñequines, para saber a qué corresponde cada "gesto". Pero eso... lo dejo en la sidebar. ;)

Cambiar la Fuente del Texto

2007-03-15T23:58:00.000+02:00

Viene muy bien, sobre todo,

cuando queremos resaltar una parte, p.e. a la hora de mostrar un código.

Es tan fácil como colocar ésto en la entrada donde se quiera el efecto:

<p style="font-family:Arial,Helvetica,sans-serif;color:red;" >

TEXTO A RESALTAR</p>

Widget "FreshTags"

2007-03-15T23:57:00.001+02:00

Bien... Singpolyma's ha creado un objeto para insertar las fresh tags en un blog: hay que rellenar unos campos antes de obtener el código y éste se inserta de forma automática en el blog que se quiera.
No puedo decir cómo funciona, dado que aquí sólo tengo una etiqueta, pero... será cuestión de ver y esperar.

De momento, ahí dejo el hack.

-------------------------

Pd: y he probado a insertarlo con el widget automático... y a mano en mi plantilla.

Sea como sea, no funciona bien. Y da un error como un campano.

No me gusta... Así que lo quito.
------------------------
Nota:: sin embargo, sí que funciona si se siguen, manuealmente, las instrucciones de Singpolyma

Un poco de AIRE...

2007-03-15T23:56:00.001+02:00

Si es que ya no me caben más "cosas" en "Ayuda&Kaos"... a ver si con AIRE consigo un poco de... idem.