¿Donde está ese código que añadí?

No se si a ti te sucedido, pero a mi es algo que hasta ahora me traia de cabeza.
Vas añadiendo códigos y scripts al blog y si un día quieres quitar alguno te vuelves loco para encontrarlo y si lo haces, para saber donde empieza y donde acaba, o de cuantas partes estaba compuesto.

Un truquito sencillo para saber a qué pertenece cada script o código que añadimos a la plantilla del blog, es ponerles un nombre delante y algo que demuestre donde terminan al final.

Por ejemplo: Vas a añadir el script para imprimir las entradas. Lo copias y lo pegas, y delante le añades: <!--código de imprimir entradas--> y al final <!--fin código imprimir-->

Al poner estas frases entre estos símbolos, no intentará ejecutarlas y a nosotros nos resultará más sencillo saber donde está cada cosa, si algún día necesitamos encontrarlo para cambiarlo o quitarlo.

Este mismo truco es válido para cualquier trozo de código que tengas que añadir.

Por ejemplo el código de expandir/contraer las entradas, el [+/-], lleva varios trozos de código que hay que añadir repartidos en el código de las entradas.

Si delante y detrás de cada añadido ponemos algo así, no habrá duda de qué pertenece al código original del blog y qué a lo que hemos añadido. Y si además ponemos, por ejemplo 1 de 4, (no recuerdo cuantas partes tiene, pero más de dos seguro), sabremos que hemos de localizar 4 códigos para eliminarlo totalmente

La idea de usar este truco me la dió JMiur, en la entrada donde explica como cambiar la fecha de sitio, en la que dice que no quitemos el código de la fecha de donde está originalmente, sinó que tan solo la marquemos así para que no se ejecute, antes de copiarla donde queramos.

Al verlo se me ocurrió que si funciona en un código que ya está en la plantilla ¿por qué no utilizarlo para reconocer lo que añadimos?.

Cambiar de plantilla sin perder nada (más sencillo todavía)

Otro sistema mucho más sencillo para cambiar de plantilla sin que se pierda ningún artilugio ni tengamos que ir copiando enlaces y códigos, es el que nos enseña Fernando en esta entrada.

Su planteamiento es muy sencillo y su ejecución más todavía.
Accedes a Diseño/Edición de HTML y SIN expandir artilugios localizas la zona de la sidebar, esa que empieza con

<div id='sidebar-wrapper'>

Una vez encontrada, copia todos los elementos que hayas añadido a tu sidebar, excepto los que ya vienen de serie o que puedes añadir sin problemas, como el perfil, el archivo, las etiquetas o el logotipo.

Pega lo que has copiado en un documento de word o en el blog de notas, del que recomiendo su uso si tocas a menudo el código, pues te permite guardar cualquier código sin problemas.
Si vas a efectuar el cambio en ese momento, no hace falta que cierres el documento donde lo has pegado, si no lo vas a hacer todavía, guardalo con un titulo que te recuerde qué contiene.

Una vez colocada la nueva plantilla en tu blog, cuando le has dado a subir sale el aviso de que se van a eliminar los elementos que la nueva plantilla no contiene, y que son los que has copiado.
Antes de aceptar, pega lo que has copiado antes, ahí donde te muestro.

Y dale a Guardar Plantilla..

Como habrás recolocado todos los elementos que había en la plantilla anterior, ya no te dirá que se van a eliminar.

¡Atención!

Si la nueva plantilla contiene una menubar, y tienes listas de enlaces entre los elementos que has añadido, mira a ver qué número de lista has de ponerle a la menubar.

Saberlo es sencillo: ¿cuantas listas de enlaces tienes? ¿3? pues a la menubar le has de cambiar el 1 de LinkList1 por un 4, antes de darle a subir.

Y ya está.

La nueva plantilla se colocará en tu blog.

Opciones:
Si vas a poner una plantilla con dos columnas laterales, puedes aprovechar este truco para que los elementos se recoloquen ya.
Copia los que quieres que estén en la nueva debajo de estas líneas de código:

<div id='newsidebar-wrapper'>
<b:section class='sidebar'
id='newsidebar' preferred='yes'>


y el resto en la otra y cuando acabes ya verás los elementos bien colocaditos.

Vista previa en Comentarios

Si usas el formulario de comentarios original de blogger, el que se abre en una ventanita o en la página, ahora puedes hacer una vista previa, para saber como se verá el comentario.

Esta nueva función es muy práctica si has dejado un comentario muy largo, ya que te permitirá ver si hay algún error y rectificarlo antes de darle a publicar.

¡Por una vez, han hecho algo bien, los cerebritos de blogger!.

Editado:

Me dice Vesta, en un comentario, que ya había visto este botón hace tiempo. Es posible.

Tened en cuenta que los cambios no se aplican inmediatamente a todos los blogs a la vez.

Para mi ha sido una completa novedad, hasta tal punto que antes de hacer esta entrada he mirado en una captura que tenía de este mismo elemento, para un tutorial en Tu blog y tu, y definitivamente, este botón no aparecía. (Puedes pinchar en el enlace para comprobarlo).

((Besitos, Vesta)).

Cadenas

Faltan dos semanas para que se cumpla el primer año de este blog en la red.
En este casi año he publicado casi 170 entradas (esta será la 170, si no he visto mal).
En realidad habría más, pero cuando abrí Tu blog y tu, copié algunas en él y, si no tenían comentarios, las borré de aquí.

De estas 170, la mayoría son explicaciones de como aplicar algunos trucos en nuestros blogs, la inmensa mayoría de los cuales no son más que versiones de trucos encontrados en otros blogs, explicados a mi manera. (Algunos los he descubierto yo solita, pero son los mínimos).

¿Puede considerarse que he copiado las entradas de donde los he sacado?
Pienso que no.
Copiar habría sido que me hubiese limitado a trasladar aquí el texto íntegro de las entradas que he usado de guía, sin añadir nada de mi propia cosecha, si bien es cierto que he copiado y pegado los códigos usados, pero eso era totalmente necesario, ya que no puedo variarlo.

Ayer, en el blog de Vagabundia, se comentó sobre este tema, a raiz de una entrada en UBH.

La autora de dicha entrada nos da una lección de ética en el tema de las copias de entradas y abogaba por no copiar nada de ningún blog y simplemente referenciar, enviando a quien entre a nuestro blog a la entrada de origen, lo cual me parece bien si se trata un tema genérico, pero cuado se trata de temas como los que trata este blog, o el de los demás bloggers que tienen blogs de ayuda, es ilógico enviar a la gente a ver el código íntegro a otro sitio, aunque, por supuesto, es de cajón que se cite la entrada de donde se ha sacado la idea.

Haciéndolo así, podemos, incluso, llegar a la raiz de la idea pues, a menudo, en dicha entrada podemos ver que se cita a alguien más y descubrir, quizá, que en ésta también se cita a otro.

Esta cadena de citas es más productiva que un simple enlace a la entrada de origen, pues nos permite ir descubriendo nuevos blogs y crea, además, una red de personas interesadas en un mismo tema, a las que no es raro ver comentando en dichos blogs, puliendo detalles de algunos trucos o añadiendo sus propios descubrimientos o modificaciones, lo que, a la larga, enriquece el truco.

Graciela comentaba en la entrada de Vagabundia, que si acostumbras a rodar por los blogs, te das cuenta si alguien ha copiado una entrada y creo que tiene razón.
Cada uno de nosotros tiene una forma particular de explicar las cosas, de redactar las entradas, de expresarse.

Ignoro si alguien ha copiado íntegramente alguna de las entradas que hay en este blog, pero teniendo en cuenta que soy el último eslabón de esta cadena, por mi desconocimiento del tema, pienso que si alguien lo ha hecho, esta persona es más ignorante que yo, ya que su intelecto no da para imaginar una forma personal de explicarlo.

De todas formas, incluso en caso de copia íntegra, debería haber una referencia a la fuente.
Que no tema quien así lo haga; no va a perder a sus asiduos lectores.
A menos, claro está, que todo el contenido de su blog sea ésto, copia y pega de otros blogs.

Leer más (o como ocultar parte de las entradas)

Buscaba alguna manera de ocultar los códigos que dejo y mirando, mirando, di con esta entrada de Vagabundia, en la que explica cómo ocultar parte de una entrada y, aunque no era exactamente lo que andaba buscando, me decidí a probarlo.
Puedes ver el resultado tu mism@.

No es un código sencillo de aplicar, has de buscar y encontrar varias cosas en el código de las entradas, cambiar algunas y añadir otras y luego, una vez colocado, añadir un código a la plantilla de entrada para que funcione.

Pero si te animas a probarlo, aquí te dejo las instrucciones.

Para empezar tienes que descargarte este script.
(Recuerda que para descargar algo así has de pinchar en este enlace con el botón derecho del ratón, y en el menú que saldrá pinchar en Guardar destino como o lo que ponga en tu navegador que de a entender que se va a guardar el archivo, NO ABRIRLO).

Una vez descargado súbelo a tu propio servidor.

Hecho ésto has de ir a Diseño/Edición de HTML y expandir plantillas de artilugios.

Luego, antes de </head> has de pegar esto

<!--expandir parte de una entrada-->
<script
src='AQUI LA DIRECCION QUE LE DEN A TU ARCHIVO'
type='text/javascript'/>

poniendo, evidentemente, la dirección del archivo donde está esa frase en mayúsculas.

Una vez pegado, baja a buscar, en el código de las entradas, las dos líneas siguientes.
La primera, que está en rojo, la dejas igual, la segunda, esté como esté en tu plantilla, la dejas como ves aquí:

<b:includable id='post' var='post'>
<div
class='post' expr:id='"post-" + data:post.id'>
<a
expr:name='data:post.id'/>

A continuación localiza esta línea, algo más abajo:

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

y borras las dos líneas que le siguen que serán más o menos así:

<div class='post-body entry-content'>
<p><data:post.body/></p>

y en su lugar colocas esto:

<!--codigo expandir entradas-->
<div class='post-body' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>
<p><data:post.body/></p>
<b:else/>
<style>#fullpost
{display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<p> <a
expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"'
href='javascript:void(0);'>
Leer más
</a> </p>
</span>
<span id='hidelink' style='display:none'>
<p> <a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"'
href='javascript:void(0);'>
Cerrar
</a> </p>
</span>
<script type='text/javascript'>
checkFull("post-" + "<data:post.id/>")
</script>
</b:if>
<!--fin codigo expandir-->

Fíjate que hay dos palabras que están en verde. Son las que se verán y que indican que se puede expandir y cerrar el resto de la entrada.
Puedes poner lo que te parezca oportuno.

Una vez colocado el código haz vista previa, para asegurarte de que el blog carga bien y si es así Guarda plantilla.

El siguiente paso es añadir, a la plantilla de entradas, el código para que cuando hagas una entrada nueva una parte de ella se esconda.
Para eso, en Configuración/Formato, añades esto en el recuadro que hay en Plantilla de entrada:

Entrada
<span id="fullpost">
-resto-
</span>

Cuando vayas a hacer una entrada nueva verás el escritorio así:

Borras la palabra entrada y escribes la parte de tu entrada que vayas a mostrar y cuando vayas a escribir la parte que quieras que quede oculta, borra la palabra resto, pero no las dos rayitas y escribes el resto de la entrada.
Una vez revisada y a punto de publicarla, borras las dos rayitas y publicas.

¿Para que esas dos rayitas?
A no ser que domines mucho el HTML, son una guía para saber donde escribir lo que quieres que quede oculto, ya que en vista Redactar no ves los dos códigos que has añadido.
Pero hay otro motivo del por qué dos rayitas.
Cuando escribimos una entrada, no es raro borrar, retroceder, revisar y rectificar.
La primera vez que he escrito una entrada sin esta guía, en un blog de pruebas, ha quedado rarísimo.
He mirado en el HTML a ver que había pasado y me he dado cuenta de que en uno de los retrocesos o enters que he hecho, el /span de cierre había quedado entre el texto, con lo que se ha ocultado solo una parte de lo que quería ocultar.

Lo he arreglado a través del HTML, pero he pensado que de esta forma sería más sencillo guiarnos para saber exactamente donde escribir la parte que ha de quedar oculta.
Mientras lo hagas entre las dos rayitas, todo lo que pongas entre ellas quedará oculto.

Si continuas escribiendo por detrás del /span de cierre, el resto de la entrada se verá, incluso puedes ocultar párrafos sueltos, siempre que los escribas entre esos dos códigos, ya que puedes repetirlos a mano.
El problema es que la orden de apertura y cierre sale abajo de todo, y se abre y cierra todo a la vez, lo que no resulta muy práctico.

Si en alguna entrada no quieres ocultar nada, con pinchar en la pestaña Edición de HTML y borrar lo que habrá ahí escrito, le quitas la opción y la entrada se verá completa.

Este código no tiene efectos retroactivos, es decir, no se cortarán las entradas que ya hayas publicado.

Por otro lado, en cuanto alguien pinche en el título de una entrada no se ejecutará y la verá entera.

Ten en cuenta que una vez publicada la entrada no la verás encogida si pinchas en Ver entrada, ya que esto abre la entrada sola y en este caso, como digo, no se encoge ni expande. Tan solo lo hace en la página principal, así que para ver si ha quedado bien has de pinchar en Ver blog.
Tampoco la verás encogida si haces vista previa antes de publicarla.

Editada: Si usas una de las plantillas nuevas de blogger, quizá no encuentres las frases que digo que has de encontrar, ya que estas plantillas nuevas tienen unos códigos distintos.

Si este es tu caso, lamento comunicarte que yo tampoco se donde va el código que digo. No logro aclararme con estos códigos nuevos, de manera que no podré decirte donde lo has de poner.

Otra forma de poner los enlaces

Y para terminar con las novedades de estos días, os voy a contar una forma simpática de poner los enlaces.
Casi al final de la columna de la izquierda verás un elemento que se titula: Mis otros blogs y en el verás tres enlaces.
Pasa el ratón por encima y verás el efecto.

Ya lo tenía en Que paren el mundo, así que si entraste a verlo te darás cuenta de que en este de aquí le he cambiado los enlaces y los colores. (Ya dije que iba a modificarlo)

El código para colocarlo lo saqué de esta página a la que llegué gracias a esta entrada de Oloblogger.

Entras, eliges el modelo que quieres, añades los enlaces, título, etc y te dan dos códigos. Uno para que lo coloques en el CSS de tu plantilla, y otro para el elemento de los enlaces, que has de colocar en un elemento HTML/Javascript, en lugar de una Lista de enlaces.

Verás que te piden 3 cosas: Link text, Link tittle y Link destination.
La primera es la descripción que sale cuando pones el ratón encima, en forma de cuadrito flotante, la segunda el nombre del enlace, que es lo que se ve en el "botón" y la tercera la dirección del enlace.

Hay varios modelos a elegir. Puedes personalizarlos a tu gusto.

El código para la plantilla has de ponerlo antes de ]]></b:skin>
El otro, que te lo indican como código HTML, en un elemento de página, o gadget, como se llaman ahora, HTML/Javascript.

Si quieres distinguir el código del CSS, por si quieres modificarlo luego, de colores o medidas, encima del código que has pegado escribe

/* Enlaces (o botones, o lo que prefieras)
----------------------------------------------- */

así sabrás que lo que hay debajo corresponde al código de los botones.

Si quieres añadir más enlaces (botones), solo has de fijarte en el código que añades a la sidebar, y copiar el pedacito que corresponda a cada enlace, cambiando título, texto y dirección, y pegarlo debajo del último.

Otro día haré una entrada para explicar el código de este modelo más a fondo para que puedas creártelo tu mism@ sin pasar por la página, (si te gusta hacerlo).

Expandir las etiquetas

Si tienes muchas etiquetas y ocupan mucho sitio en tu sidebar, además del truco de ponerle un scroll, o barra que sube y baja, para reducir este espacio, también puedes hacer que se escondan todas tras un [+/-] y que se muestren al pinchar en este símbolo.

Puedes ver que aquí he cambiado el sistema.
También lo he hecho en Tu blog y tu, aunque allí verás que el enlace está diferente.

Voy a explicarte, primero, el truco tal como lo cuenta Rosa en esta entrada, y cuyo resultado es el que ves aquí.

Empezamos pon entrar en Diseño/Edición de HTML y SIN expandir artilugios localizamos el elemento de las etiqueta, que verás de esta
manera:

<b:widget id='Label1'
locked='false' title='Etiquetas' type='Label'>

Si le has cambiado el nombre, en lugar de Etiquetas pondrá el que tu le hayas puesto.

Una vez localizado, lo borramos y pegamos esto en su lugar.

<b:widget id='Label1' locked='false'
title='Etiquetas' type='Label'>
<b:includable id='main'>
<script type='text/javascript'>
//<![CDATA[ if(typeof(rnd) == 'undefined') var rnd = ''; rnd = Math.floor(Math.random()*1000);
rnd = 'id-' + rnd; document.write('<a href="#" onclick="tmp = document.getElementById(&quot;' + rnd + '&quot;); tmp.style.display = (tmp.style.display == &quot;none&quot;) ? &quot;block&quot; : &quot;none&quot;;
return false;" style="float:left;margin-right:5px;">');
//]]> </script>[+/-]
<script type='text/javascript'>
//<![CDATA[ document.write('<\/a>');
//]]> </script>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script type='text/javascript'>
//<![CDATA[ document.write('<div id="' + rnd + '"
style="display:none;">'); //]]>
</script>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>

</b:if>
</li>
</b:loop>
</ul>
<script type='text/javascript'> //<![CDATA[
document.write('<\/div>'); //]]>
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Sobre todo sin expandir artilugios, ya que así, al eliminar aquella primera línea que os he dicho, eliminamos el elemento entero, con todo su código y lo sustituimos por este.
De este modo os saldrá exactamente como está aquí.

Cambios posibles:
Si tenías un título diferente en el elemento de las etiquetas, al hacer vista previa verás que vuelve a poner Etiquetas. No te preocuupes, podrás volver a ponerle el título que tenía, editando el elemento.

Pero...
En Tu blog y tu, verás que se ve así.

(Advertencia: El siguiente truco solo funciona si no tienes los elementos de la sidebar encuadrados de manera independiente)

Para que se vea así has de mover tres líneas del código que te doy.
Las que corresponden al título del elemento, que son estas:

<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>

y ponerlas debajo de ésta:

<b:includable id='main'>

De esta forma cambias la posición del título respecto al contenido, pero como digo, solo funciona en plantillas en las que la sidebar es un solo cuerpo, como la mínima de Tu blog y tu, o cualquier otra a la que no le hayas encuadrado los elementos (widgets) por separado, como he hecho yo aquí, pues en este caso, el [+/-] sale fuera del elemento.

También puedes modificar ese enlace y añadirle alguna palabra (no quites el [+/-] que demuestra lo que hace el enlace), añadiendo algunas palabras en el código, justo delanto o detrás de ese [+/-].

Por cierto, si expandes el de aquí verás que si hay alguna imagen junto a cada etiqueta, ésta sigue viéndose al expandirlas.

Cambiar de sitio la fecha de las entradas (y hacer que se vea en todas)

Hace ya dias, me preguntaron como hacerlo. No sabía cómo, pero hice un par de pruebas a ver si lo lograba.
Como no logré hacerlo por mi misma, remití a mi comunicante al blog de Rosa, o al de Vagabundia, diciéndole que ellos saben más que yo de estos temas y que quizás le ayudarían.

Poco después vi que Vagabundia publicaba una entrada explicando como hacerlo. No lo probé en aquel momento, pero estos días he estado probando cosas nuevas, aprovechando que estoy metiéndole mano a los códigos en busca de la dirección de GP perdida y se me ocurrió buscar la entrada y hacer la prueba.

Es muy sencillo.

Para cambiarla de sitio, sólo has de buscar ésto en tu plantilla, expandiendo los códigos de artilugios:

<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>

que está casi al final del código de las entradas y cambiarlo de sitio.
Si quieres que se vea bajo el título, has de ponerlo justo debajo de este código: </h3>, que está un poco más arriba, borrándolo de donde se encontraba.

Si quieres que se vea al final de la entrada, (es otra opción), has de colocarlo justo encima de esto:
<div class='post-footer'>, borrándolo igualmente de su ubicación anterior.

Pero, jMiur nos aconseja no borrarlo, sinó "comentarlo", eso es, enmarcarlo para que no se ejecute en su posición original, pero que no se elimine por si cambiamos de opinión.

Así que localizamos este h2 y lo dejamos así

<!--<h2 class='date-header'> <data:post.dateHeader/></h2>-->

luego copiamos el código que te he dicho al principio, entero y, sin borrarlo, pegamos donde he dicho y ya está, fecha movida.

Pero hay más.
Ya sabes que blogger no muestra la fecha, si haces varias entradas el mismo día, más que en la que se ve primero.

Así que JMiur nos facilita un código a insertar, para que se vea en todas las entradas, sin que importe el lugar donde esté colocada.

Localizamos las líneas que menciono y las suplimos por estas:

<b:if cond='data:post.dateHeader'>
<script>var ultimaFecha =
'<data:post.dateHeader/>';</script>
<h2
class='date-header'><data:post.dateHeader/></h2>
<b:else/>
<h2 class='date-header'>
<script>document.write(ultimaFecha);</script>
</h2></b:if>

Si has cambiado la posición, has de ponerlo en lugar del código válido, no del comentado, si no la has cambiado, en lugar del que hay.

También puedes hacer que se vea a la derecha, como aquí.
Para eso has de buscar esto:
/* Posts
-----------------------------------------------
*/
h2.date-header {
margin:1.5em 0 .5em;

text-align: right;
}
y añadirle la línea que ves en rojo, aunque las medidas no sean iguales.

Recuerda:
Usa Ctrl F para encontrar el código más facilmente y vigila al pegar el código que no falte ningún espacio donde los haya.

Expandir un texto en la columna lateral

Otro truco que he encontrado en el blog de Pizcos, ha sido un enlace a una página en la que te generan un código para mostrar un texto en la sidebar y supongo que también podría servir para una entrada, allí mismo.

Entras en esta página, Flooble, y sin necesidad de registrate ni nada, solo escribiendo el título de la barra que se va a mostrar y el texto que se va a ver, te dan dos códigos.

El primero, que aparece bajo el epígrafe Step1 has de copiarlo y pegarlo en el código de la plantilla antes de </head>

Una vez pegado sirve para siempre, así que aunque pongas más de un código de los del Step2, no necesitarás volver a ponerlo.

El segundo código, Step2 has de pegarlo en un elemento HTML/Javascript.

Pero antes de pinchar para obtener el código puedes configurar las opciones de lo que se va a ver.

Vereis varias casillas en las que configurar el color del borde, del fondo, del texto de la barra, etc.

Yo he usado un truco para que no desentonara con los colores de mi sidebar: he pinchado en Fuentes y Colores de mi blog y he configurado el invento con los mismos colores, de esta manera tiene un aspecto armónico.

También hay una casilla que dice si quieres que empiece víendose o no. Está seleccionado que no, que es como se ve aquí.

Eso si, la página a veces no se encuentra, ya sabes, lo de No se puede mostrar, no se si por que tienen un ancho de banda escaso y está muy solicitada, o porqué.

Ahora mismo, quería hacer una captura de la página para mostrarte las opciones de configuración, pero no se carga.

Una cosa más:

En el recuadro de escritura te dicen que puedes poner el texto en HTML, mientras estés seguro de que está correcto.

Si quieres que el texto tenga alguna propiedad, como letras en negrita o en cursiva, o de diferentes colores, como por ejemplo lo que puedes ver si expandes la de Los botones de la menubar puedes optar por dos caminos:

1. Si es un texto que ya tengas en la sidebar, como era mi caso, lo copias directamente desde el HTML del elemento.
2. Si es un texto que vas a crear, nuevo, lo escribes en una entrada, que luego puedes suprimir sin publicar, le das las propiedades que quieras, pinchas en la pestaña Edición de HTML y lo copias desde ahí.

En ambos casos el texto quedará como tu desees.

Una vez configurado, ya puedes pinchar en Get code, o algo así para que te den los dos códigos.

¡Ah! Una cosa más: Al pinchar para obtener el código verás como se va a ver en tu blog. Si quieres cambiar algo antes de copiar el código puedes hacerlo sin problemas.

Y recuerda: Has de copiar los dos, el de la plantilla y el del elemento, o no funciona.

¿Cuantas entradas y comentarios hay en mi blog?

Conocer el primer dato es fácil. Basta con pinchar en Editar entradas, y en la lista de títulos verás la cantidad exacta, pero ¿como saber cuantos comentarios hay sin perder el tiempo contándolas?

Muy sencillo.
Basta con añadir un simple código en un elemento HTML de la sidebar y ya está.

No solo sabrás cuantos hay, sinó que, además, se irá actualizando automáticamente conforme hagas nuevas entradas y te dejen comentarios.

Lo he visto en el blog de Pizcos y me ha gustado mucho, no sólo por su sencillez, sinó por que no necesitas acudir a ningún sitio externo al blog para saberlo, ya que son las propias direcciones de tu blog las que te lo dicen.

El código que has de copiar y pegar en un elemento HTML/Javascript es el siguiente:

Ya
tengo <script style="text/javascript">
function showpostcount(json) {
document.write(parseInt(json.feed.openSearch$totalResults.$t,10));
}</script>
<script src=http://NOMBRE DE TU
BLOG.blogspot.com/feeds/posts/default?alt=json-in-script&callback=showpostcount>
</script> entradas y
<script src="http://NOMBRE DE TU
BLOG.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showpostcount">
</script> comentarios que dan vida al
blog!!!

cambiando lo que está en rojo por los datos pertinentes.

En Nombre de tu blog, has de añadir lo que falta en la dirección de tu blog, (fíjate que una parte ya está escrita), y lo otro que ves en rojo es la frase que puedes personalizar.

Por ejemplo yo la he cambiado por: Este blog ya tiene, la primera parte y ¡¡¡WOW!!! Gracias por vuestra aportación. al final.

Pizcos cuenta también en su entrada, que un comentario le hizo crear un código, para añadir al CSS, para personalizar el aviso.

Está bien para quien tiene la sidebar sin enmarcar los elementos, de esta manera puedes enmarcar este aviso.

El código a añadir sería este:

#contador {
padding: 10px;
border: 2px solid #555;
background: #f2f2f2;
color: #555;
font-size: 140%;
text-align: justify;
}

en el que puedes personalizar los diferentes parámetros.

En border: puedes hacer el borde más ancho, cambiarle el estilo y el color.

En background: puedes cambiar el color del fondo.

En color: el color de las letras.

En font-size: el tamaño

Y en text-align: como se verá el texto en conjunto. Este justify significa que si ocupa más de una línea, se verán todas igual de anchas.

Si decides añadir este código para personalizarlo, has de pegarlo en el código de la plantilla, antes de ]]></b:skin> y en el código del elemento has de añadir:
<div id="contador"> al principio y </div> al final.

Yo lo he colocado sin el código de la plantilla, pues ya tengo los elementos enmarcados individualmente, pero si lo añado a algún otro blog, por ejemplo en Tu blog y tu, como allí están sin enmarcar, lo añadiré y lo personalizaré para que haga juego con los colores del blog.

Cuando lo haya hecho editaré esta entrada para avisarlo.

Algunos chismes más

Como ves, he colocado algunas cosas nuevas en la sidebar y he eliminado otras.

Es que he estado visitando el blog de Pizcos y, ¡pa que contar! ¡2 horas me he pasado dando vueltas en él!.

Tiene algunos trucos muy interesantes y me he quedado con algunos.

El de las entradas y comentarios que tiene el blog me ha dejado, de verdad, anonadada.

La cantidad de entradas, por supuesto la sabía, lo que desconocía era la cantidad de comentarios que habeis ido dejando en este casi año de vida del blog.

Gracias a todos los que los habeis dejado.

También he colocado esos dos elementos que contienen lo que antes veias pasando lentamente, (los avisos) o abajo de todo, (los botones) ocupando mucho espacio en la columna lateral.

De esta forma puedes pinchar y leerlo, si te apetece y no ocupan apenas espacio.

Luego haré las entradas para explicar como se hace cada cosa, así no se lian los temas.

Y también te contaré un par de cosillas más que he hecho.

La primera la de poner la fecha debajo del título de la entrada, ¿te habías fijado? y no solo eso, sinó que, además, se ve en todas las entradas, aunque algunas pertenezcan al mismo día.

Este truco lo saqué de Vagabundia.

El otro no está aquí, aunque quizá lo monte para los enlaces de mis blogs en los que escribo lo que no son trucos, así lo verás, pero, de momento, puedes pasarte por Que paren... y verlo.

Está en el elemento Els blogs de la meva filla, en la columna de la izquierda.

Lo vi en Oloblogger.
Es una página que genera un código para mostrar los enlaces de esta forma, pero, como sucede con muchos de estos trucos, visto uno, montados todos.

Solo es cuestión de cambiar los parámetros.

Ya se que es mucho más sencillo entrar y que te lo den hecho, pero, ¡es que me va la marcha!.

Otro truco que he colocado ha sido el de expandir las etiquetas. Este lo vi en el blog de Rosa.

Así que dame un poco de vidilla que voy a preparar las entradas y sabrás donde y como hacer estos trucos.

Google Sites

He estado investigando en este nuevo invento al que han llamado Google Sites y que, al parecer va a suplir a Google Pages.
Dicho en dos palabras: Una mierda.
Al menos en lo que se refiere a nuestras necesidades de almacenaje.

Como dice JMiur, han cogido lo peor de Google Pages y lo peor de blogger y han creado este engendro.

No admite la mayoría de archivos que nos interesan, es tan solo un sitio donde crear una página web pero no se puede personalizar, ni tunear, ya que, a diferencia de los blogs, no hay acceso a los códigos de los templates.
Hay algunos modelos de fondo de página, y para de contar.
Puedes añadir imágenes jpeg, o gif que no se muevan.

Eso si, puedes ponerle a la sidebar tantos gadgets como te parezca. ¡Ya ves! total, para lo que sirven la mayoría.

No he sabido ver donde se guardan los archivos que añades. Si subes un archivo en plan almacén, queda un enlace bajo la entrada, pero poco más.
La verdad, no le encuentro la gracia.

Los archivos que dejas allí te dan una dirección así, al pinchar en Copiar acceso directo.
http://sites.google.com/site/elllocdelaeulalia/laeulalia/babyblog.xml?attredirects=0

He copiado la de un gif que he subido, y lo he colocado en el HTML con el código <img src="dirección"> pegando la dirección que he copiado.
Tras mirar como quedaba, al ver un hermoso cuadrito blanco con el aspa roja, he borrado ese ?attredirects=0 y parece que se ve.



Ahora falta saber si funciona. Cuando publique la entrada lo sabré, pues aquí, ni en vista previa se mueve.
Si veis que no se mueve, cuando leais esta entrada, sabreis que no sirve ni para eso.

Así que ya sabeis, a mover el culo si teniais algo guardado en google pages, pues ni aunque os lo redireccionen os valdrá para nada.
Buscad algunos servidores que puedan alojar vuestros archivos y modificad todo lo que tengais ahora allí, antes de llevaros un disgusto.

¡Ah! Si os interesa ver el engendro/bodrio/ que es ésto de Google Sites, podeis pinchar aquí.

No funciona.

En el original de esta imagen, correcaminos acaba estampándose contra el suelo.

Asi que, ¡ajo y agua!

Lo he subido a Google Pages, mientras funcione podrás ver estamparse a correcaminos. Jeje.

¡Que mala soy!

El dia que deje de verse, sabremos que se acabó el carbón.

Editado:

Acabo de descubrir porqué no funcionaba el gif. O eso creo.

Resulta que el acceso directo no sirve para colocarlo en ningún sitio.

Es algo parecido a lo que sucede con SkyDrive.

Para saber la auténtica dirección del archivo has de abrirlo y copiar la dirección de la barra del navegador, que es la buena. La otra solo sirve para abrirlo y, como ves en el ejemplo de arriba, tener una idea de qué es.

Voy a pegar aquí la auténtica dirección, en el código. A ver si ahora funciona.

Primera prueba negativa.

Voy a pegarlo de nuevo modificando levemente la dirección.

Tampoco.

Lo dicho: Una mierda.

Cosas pasan, diosssss!

Esto es digno de verse.

No creo que Vane de La Bloguería haya publicado una entrada escrita al revés, boca abajo, ¿o si?

Puedes ver que el resto del elemento está al derecho.

Tan solo la entrada de Vane se ve de esta manera.

Es probable que cuando publique esta entrada y recargue el blog, vuelva a verse bien, pero me ha dejado estupefacta ver esto así.

Pues, no, sigue viéndose así, jajajjajaa.

¿Alguien me presta un sombrero de Napoleón y una trompeta?, jajajjajaaaa.

Edito:

La curiosidad ha podido más que la lógica y he ido a ver qué pasaba, al ver que no se arreglaba al recargar.

Realmente la entrada está boca abajo.

¿Como lo habrá hecho?

Esta Vane siempre sorprendiéndonos.

Realojando archivos

A vueltas con el mismo tema, y so pena de parecer pesada, voy a contarte una cosa.

He entrado en Utilidades para añadir una entrada, ya que utilizo ese blog como página principal de varios más, en cada uno de los cuales trato un tema concreto, como si se tratara de una página web y excepto en Más cosas, cuando añado alguna entrada a alguno de esos blogs, la pongo al final, para que la lectura del tema tratado sea correlativa y lógica.

Cuando hago alguna entrada nueva en alguno de ellos, dejo un aviso en Utilidades, para que quien esté suscrito a él sepa qué he actualizado y quería avisar de la entrada que hice anoche en Más cosas.

El caso es que en Utilidades hay un seguimiento de los comentarios de todos los demás blogs y he visto que no funcionaba ninguno.

He logrado, finalmente, el código del script que lo hace funcionar y lo he subido a yahooGeocities, así que he actualizado todos los elementos de los comentarios recientes de todos aquellos blogs.

Al llegar al que dediqué a Google Pages, se me ha ocurrido hacer una entrada, (y esta la he dejado al principio), explicando de forma más seria y completa todo este lio de su desaparición.

Y tras escribirla y releerla, he llegado a una conclusión, que he añadido al final: Todos deberíamos tener nuestros propios servidores y subir a ellos los archivos, en lugar de usar el mismo todo el mundo.

Pues el que no se vieran los comentarios, y que no pudiera acceder al archivo hace un par de dias, no se debe a que Google Pages haya desaparecido ya y puede que ni siquiera hayan quitado ese archivo de allí, sinó que se debe a la saturación que provocamos en esa cuenta al usar muchos el mismo archivo.

Porqué yo lo copié de otra página, que no se si era lejania imposible, nombre que aparece en la dirección del archivo, y lo publiqué en este blog o en Tu blog y tu, o en los dos, y muchos de vosotros lo habreis copiado y colocado en vuestro blog y posiblemente alguno lo habrá publicado también.

Esto implica que, al igual que yo, otros muchos usuarios lo habrán copiado de aquella misma página y posiblemente lo hayan publicado también...etc.

¿Imaginas cuantas personas pueden estar utilizando esta misma dirección al mismo tiempo?

Cada vez que se abre un blog que tenga colocado este "truco" se muestran los comentarios del blog.

Cada vez que esto sucede es una llamada a ese archivo.

Cada llamada es un consumo de ancho de banda o de capacidad de servicio, o de ambas cosas.

Pero si en lugar de copiar un código con la dirección de un archivo incluida, dejásemos el código y la posibilidad de que quien quiera usarlo pueda descargarse el archivo, realojarlo, y colocar su propia dirección, no se saturaría ninguna cuenta, y todo funcionaría mejor.

Abrir una cuenta en algún servidor no es difícil. Usarlos tampoco.

Descargar un archivo, subirlo y obtener su dirección tampoco es algo que no pueda hacer cualquiera.

Saber cual es el servidor más idóneo para este tipo de archivos, es tan sencillo como mirar en algún blog de ayuda y/o preguntar, sobre todo estos días, que todos hablamos de lo mismo.

De momento he empezado esta campaña predicando con el ejemplo y en las entradas en las que está el código de este elemento, he borrado la dirección del archivo y dejado un enlace para que os podais descargar el archivo y subirlo a vuestro propio servidor.

A ver si entre todos hacemos más razonable la red.

Otra forma de ver los comentarios, sin chismes ni códigos.

A veces nos empeñamos en buscarle los 3 pies al gato.

Hace mucho tiempo, alguien inventó un script para que se vieran los últimos comentarios que nos llegaban al blog y muchos bloggers lo añadimos a nuestras columnas laterales.

Este script es un código, cuya fuente está alojada en google pages, lo copies de donde lo copies, ya que muchos de nosotros usábamos este servicio para alojar este tipo de archivos.

Desde que han anunciado del cierre de google pages, muchos bloggers vamos como locos cambiando cosas, realojando archivos, descargando otros para alojarlos en nuestros propios servidores y no depender de alguien que quizá no realoje el que tenemos, o lo haga pero no avise, etc.

El script de los últimos comentarios "me trajo a mal traer", como dicen en el sur, pues no lograba descargarlo y a consecuencia de ello encontré el sistema del widget que podeis ver encima del otro.

Hoy se me ha ocurrido que, a lo mejor, no hay que darle tantas vueltas al tema, ya que, al fin y al cabo, esto se logra a base del feed de los comentarios y blogger nos ofrece un elemento, (gadget se llama ahora), para añdir feeds al blog, ¿no?, entonces ¿porqué no añadir el feed de nuestros comentarios?.

He hecho la prueba.

Diseño/ Añadir un gadget/ Feed

En url del feed he colocado la dirección de este blog, añadiendo feeds/comments/default al final de la barra de cierre de la dirección.

Porqué, eso si, has de tener en cuenta que las direcciones se cierran con una barra / cosa que no solemos hacer al escribirlas, pero que verás que sale siempre si copias y pegas una url.

Y lo he configurado marcando todo lo marcable, eso es, la fecha y el autor.

También puedes escoger cuantos se van a ver, de 1 a 5.

Y ahí lo tienes, encima de los otros dos.

Mientras decido con cual me quedo, veré lo que tardan en actualizarse, cual me gusta más e intentaré tunear el nuevo, a ver si logro que se vea distinto.

Si lo consigo, aparte de que vas a poder verlo, ya explicaré como lo he hecho.

Bueno, solo he logrado que la letra salga en cursiva.
Para modificar el estilo de la letra, en un solo elemento, has de añadir este código:

#Feed1 {
font-style: italic;
}

Este es el código del elemento que ves en mi sidebar.
Si quieres hacerlo en algún elemento de tu blog, has de averiguar cual es su identidad.
Bajas hacia la zona del HTML y buscas el b:widget que le corresponda. Miras su id=' y lo que ponga ahí es lo que has de poner en lugar de Feed1.

¿Quieres recordar el cumple de tu blog?

El otro día vi en un blog un chisme que hacía una cuenta atrás del aniversario del blog.

Me interesó la idea, pero no el modelo, así que me puse a buscar en la red qué había acerca de este tema y encontré aquel que ha estado aquí unos días, pero no acababa de gustarme.

Ayer, buscando la manera de suplir el elemento de los comentarios recientes, si el script que hay en todos mis blogs deja de funcionar, encontré Spring Widget, una página que tiene chismes de esos para casi todo.

Y lo mejor de todo es que puedes crear el tuyo propio, ya sea aprovechando su galería de imágenes, o incluso con las tuyas propias, aunque aún no he investigado como se hace ésto.

Hoy he entrado en esta página a buscar alguno que me sirviera, pero no he sabido encontrar nada de eso, aunque he visto que había muchos de cuenta atrás, pero todos eran de otros temas, así que me he decidido a hacer el mio propio y he creado este nuevo que puedes ver en la columna de la derecha.

La imagen del contador es de su galería. (Luego intentaré averiguar como poner alguna mía).

Además lo he añadido a la Galería de widgets, con un nombre en castellano que pienso que será fácil de encontrar para quien busque algo parecido.

El widget se llama: Este blog cumplirá un año dentro de... y lo puedes localizar por las etiquetas, countdown, contador regresivo, blog, blogs y cuenta atrás, (aunque esta última la traduce de forma rara) y en este enlace.

Ahora voy a ver si monto otro para Tu blog y tu, pero con mi propia imagen de fondo, jeje.
Si lo consigo ya os lo contaré.

Editado: Ya está la entrada hecha en Más cosas.

¡¡¡Si, si, si!!!! ¿Quien es la mejor? (si no me lo digo yo, ¿quien me lo va a decir, no?, jeje).

Lo he hecho. Puedes verlo en Tu blog y tu.

Luego lo repetiré para poder capturar la pantalla y dejar el tutorial en Más cosas.

También he visto como modificar el de los comentarios, añadiéndole una imagen de la cabecera del blog, así puedo deciros como hacerlo y la medida que ha de tener la imagen para que se vea.

Más chismes

Si os fijais he añadido dos chismes a este blog.

El de la derecha es una cuenta atrás del cumple año de este blog.

Y no está mal escrito, pues va a cumplir su primer añito y ¡fijate! ya no lleva chupete, jeje, aunque le siguen gustando las estrellitas.

El otro está a la izquierda. Es un invento para mostrar los últimos comentarios, por si "peta" el otro, el dia que desaparezca google pages, ya que funciona que con un script que, ¡como no!, está alojado allí y no he podido descargarme.

Si os interesa saber como añadir éste, en Más cosas está el tutorial.

Y me voy a la cama. Que todavía no estoy de vacaciones, aunque si lo estuviera, ¡menudas vacaciones serían, con tanto jaleo!.

Los scripts

Acabo de leer esta entrada en el el blog de Gem@ referente al tema de google pages.

En ella nos explica lo que hemos de hacer, si tenemos añadido algún truco al blog, de esos que incluyen un script, en el que hay una dirección de google pages.

En mi caso, solo tengo añadido uno en este blog, el de mostrar las entradas anteriores y las de etiquetas con un [+ -] para expandirlas si interesan.

La solución que nos da es descargarnos el archivo, subirlo al servidor que vayamos a usar de ahora en adelante, y cambiar la dirección que hubiera en el código por la que nos den en el nuevo servidor.

Yo me decidí por probar skyDrive para alojar este tipo de cosas. He hecho la prueba siguiendo su consejo y funciona. El único inconveniente es que la dirección es más larga que un día sin pan, pero mientras funcione, puede ser tan larga como quiera.

El sistema para descargar este o cualquier otro archivo, es muy sencillo. Basta con copiar la dirección que veais en el código, que incluya la palabra googlepages, pegarla en la barra del navegador y darle a Enter.

Saldrá una ventanita que nos preguntará qué queremos hacer con el archivo. Le decimos Guardar.

Nos saldrá la consabida ventana a nuestro pc para elegir donde queremos guardarlo.

Y una vez en nuestro ordenador, solo hemos de subirlo al servidor que hayamos elegido, copiar la nueva dirección, una vez que haya subido y pegarla en lugar de la que hubiera.

Vista previa, y guardar, si el blog carga bien.

Lo he hecho y ha funcionado. Las entradas anteriores se siguen viendo cerradas y con el [+ -] para expandirlas.

Cuestión aparte son los archivos peel, esos del truco de la esquina doblada, pues éstos incluyen otros archivos que también estarán subidos a googlepages, así que si teneis el truco en el blog, teneis que volver a hacerlo de nuevo.

Volver a subir los archivos al nuevo servidor, volver a montar el archivo peel y subirlo al nuevo servidor para cambiar la dirección en el código del blog.

¡Un coñazo, ya lo se! Pero si no queremos encontrarnos un dia, de repente, con el blog hecho unos zorros, nos toca mover el culo y no dejar las cosas para el último momento.

Afortunadamente, gracias a personas como JMiur que están al loro, nos hemos enterado con tiempo para hacerlo.

Las cosas del pie del post

Me comentaba Nany el otro día en el cbox, que no se le colocaban las cosas, en el pie de la entrada, como ella quería.

Eso suele pasar en blogs "tuneados".

Uno entra a Editar el elemento de las entradas, recoloca las cosas del pie, le da a Guardar y cuando vuelves a ver el blog o siguen en el mismo sitio, o se han colocado a su aire.

En estos casos lo mejor que se puede hacer es recolocarlos a través del HTML.

Entras en el blog, pestaña Diseño, Edición de HTML y marcas la casilla: "Expandir plantillas de artilugios".

Verás que el código recarga, (si antes de marcarla bajas un poco el scroll lateral lo notarás mejor).

Una vez recargado baja a buscar el código HTML de las entradas. (Es el que lo tiene todo entre estos símbolos<>).

La zona de las entradas suele empezar con esta línea:
<b:widget id='Blog1' locked='true' title='Entradas del blog' type='Blog'>

Una vez localizada, baja despacio hasta que veas la que empieza, más o menos, así:
<p class='post-footer-line post-footer-line-1'>

Si no empezara exactamente así, no te preocupes. La cuestión es que incluya eso de post-footer-line-1 ya que te está diciendo que lo que hay a continuación es todo lo que hay en la primera línea del pie de la entrada.

Más abajo verás lo mismo, pero poniendo line-2, también hay una line-3 e incluso le puedes añadir una line-4, simplemente copiando esta línea, al final de los códigos de la línea 3, cambiando el 3 por un 4. Cada bloque, o línea, termina con un </p>

Si quieres que una cosa aparezca en una de las líneas, basta con copiar todo el código que le corresponda y ponerlo debajo de la línea donde quieras que esté.

El orden en que lo coloques decidirá el orden en que se vean, así si primero pones el código de comentarios y debajo el de autor, en la entrada se vería:

X comentarios Escrito por

Como el orden de colocación de las cosas no es el mismo en todos los blogs, pues cada cual lo coloca como quiere, voy a copiar la primera y la última línea del código de cada cosa de las que salen en estas líneas, para que sepas qué has de copiar, para moverlo.

El código de Autor, (Escrito por) empieza con esta línea:
<span class='post-author'>
y termina con el siguiente </span> que se ve.

El código de tiempo (eso de "en", que en nuestro idioma sería "a las") empieza así:
<span class='post-timestamp'>
y termina en el siguiente </span> que encuentras unas líneas más abajo.

El código de comentarios (este es un poco más largo que los anteriores) empieza así:
<span class='post-comment-link'>
y también termina en el siguiente </span>

El código de Vinculos (ese que se ve si marcas la casilla Vinculos) empieza así:
<!-- backlinks -->
<span class='post-backlinks post-comment-link'>
y termina también en el siguiente </span>

El código de envio de entradas por correo (el del sobre) empieza así:
<span class='post-icons'>
y al igual que los otros termina en el siguiente </span> aunque es posible que debajo de este /span haya un </b:if>. Si es así también forma parte de esta parte del código, con lo que este /b:if sería el final.

El código de las etiquetas tambien es un poco más largo que los anteriores. Empieza así:
<span class='post-labels'>
y al igual que todos termina con el siguiente </span>

El código del lápiz de edición rápida es así:
<!-- quickedit pencil --> <b:include data='post' name='postQuickEdit'/> </span>

Desconozco como es el código de los anuncios, ya que no los tengo.

Estos códigos pueden estar bajo cualquiera de las dos o tres líneas de post-footer.

Para recolocarlos, solo has de seleccionar el código entero de cada cosa, copiarlo, pegarlo donde quieras que se vea y borrarlo de donde estuviera.

Si has añadido algo en el pie de las entradas ya sabrás cual es el código, y seguramente lo tendrás colocado donde quieras.

Recuerda:

Al copiar y pegar un código, a veces los espacios entre órdenes desaparecen, repasa bien el código que hayas pegado, comparándolo con el que vas a quitar, antes de hacerlo.