Uf... Traductor Google...

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

<!--

document.write ("<input name=u value="+location.href+" type=hidden>") ;

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

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"

<style type='text/css'>

#indicator {

position:fixed;

z-index:1000;

padding:15px 0;

top:40%;

background-color:#FFFFFF;

border:1px solid #000000;

width:176px;

left:50%;

margin-left:-88px;

text-align:center;

}

#search-result {

border:1px solid #AAAAAA;

padding:10px;

padding-bottom:30px;

font-size:85%;

}

.search-result-meta {

background:#EFEFEF;

padding:2px;

}

.search-result-meta img {

border-width:0;

vertical-align:

text-bottom;

}

.search-title{

font-size:1em;

padding-bottom:3px;

font-weight:bold;

text-align:left;

text-decoration:underline;

}

.search-cat{

display:block;

padding:3px;

font-size:1em;

margin-top:5px;

margin-bottom:5px;

border-bottom:1px solid #C0C0C0;

font-weight:bold;

}

.search-close {

color:silver;

float:right;

border:1px solid #F5F5F5;

margin-top:10px;cursor:pointer;

}

.search-result-nav {

font-size:1.4em;

font-weight:bold;

padding:5px 0pt;

text-align:center;

}

</style>



<script src='http://bloggerhacked.googlepages.com/prototype.js' type='text/javascript'/>

<script type='text/javascript'>

//<![CDATA[

// Parametros Personalizables por el Usuario

// ----------------------------

// maxresults - Numero de resultado de mostrar por pagina

// navFlag - Poner Navegacion ON o OFF. Dar 1 para ON y 0 para OFF.

// feedLabel - Text to show for the label feed link.

// catLabel - Etiqueta para categorias.

// closeLabel - Etiqueta para boton Cerrar. Tu puedes usar hypertexto tambien.

var maxresults = 5;

var navFlag = 1; //ON por defecto

var feedLabel = "Suscribir a";

var catLabel = "Categoria:";

var closeLabel = "Click para cerrar";

//]]>

</script>

<script src='http://bloggerhacked.googlepages.com/ajaxlabels.js' type='text/javascript'/>

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

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

<head>

<meta content='noindex,nofollow' name='robots'/>

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

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:

<iframe scrolling="no" style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none" frameborder="0" width="488" src="http://30boxes.com/external/widget?url=http%3A%2F%2Fmasaire.blogspot.com%2Ffeeds%2Fposts%2Fdefault&forceTheme=%2Ftheme%2Ftiny&amp;forceRows=5" height="380"></iframe>

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)

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

<dl id='comments-block'>

<b:loop values='data:post.comments' var='comment'>

<dt class='comment-author' expr:id='"comment-" + data:comment.id'>

<a expr:name='"comment-" + data:comment.id'/>

<b:if cond='data:comment.authorUrl'>

<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>

<b:else/>

<data:comment.author/>

</b:if>

said...

</dt>



<b:if cond='data:comment.author == data:post.author'>

<dd class='comment-body-author'>

<p><data:comment.body/></p>

</dd>

<b:else/>



<dd class='comment-body'>

<b:if cond='data:comment.isDeleted'>

<span class='deleted-comment'><data:comment.body/></span>

<b:else/>

<p><data:comment.body/></p>

</b:if>

</dd>



</b:if>



<dd class='comment-footer'>



<span expr:class='"item-control " + data:comment.adminClass'>

<form target='_blank' action='http://www.anniyalogam.com/scripts/notify.php' method='POST'>

<input type='hidden' name='profile' expr:value='data:comment.authorUrl'/>

<input type='hidden' name='nickname' expr:value='data:post.author'/>

<input type='hidden' name='post_title' expr:value='data:post.title'/>

<input type='hidden' name='post_link' expr:value='data:post.url'/>

<input src='http://www.anniyalogam.com/1clickbutton.png' type='image'/>

</form>

</span>



<span class='comment-timestamp'>

<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>

<data:comment.timestamp/>

</a>

<b:include data='comment' name='commentDeleteIcon'/>

</span>

</dd>

</b:loop>

</dl>

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)

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

<script type="text/javascript">

//<![CDATA[

var comment_form_template = '<div class="commentelem"><div class="comment-poster">[[AUTHOR]]</div>\n'

+ '<div class="comment-body"><div class="innerCmntBody">[[BODY]]</div></div>\n'

+ '<div class="comment-timestamp"><a href="[[PERMALINK]]" title="comment permalink">[[DATE]]</a></div></div>\n';



if(typeof(thisblog_showCommentPhotos) == 'undefined')

thisblog_showCommentPhotos = false;



//]]>

</script>



<script src='http://jscripts.ning.com/get.php?xn_auth=no&amp;amp;id=2941927' type='text/javascript'></script>

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:

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

<!-- posts -->
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(&amp;quot;" + data:f.url + "&amp;quot;,&amp;quot;commentsul" + data:post.id + "&amp;quot;,thisblog_showCommentPhotos);toggleitem(&amp;quot;comments" + data:post.id + "&amp;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(&amp;quot;comments" + data:post.id + "&amp;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

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.