Trucos para blogger

Aquí os pongo algunos trucos para blogger que suponen alterar a mano el código html.





1.- El gadget de página que no aparece


A algunos os pasó en el curso que al ir a colocar el gadget de páginas bajo la cabecera os decia que ya estaba añadido y no os dejaba ponerlo pero sin embrago no se veía por ninguna parte.

Como os dije, lo mejor cuando creais un blog es comenzar colocando este gadget y si no os deja, lo mejor es borrarlo y crear otro. Pero si ya habeis creado bastante contenido para cuando os dais cuenta de que os da este problema y no quereis volver a empezar, podeis hacer lo siguiente.

• Vete a diseño y en el "cuadro de mando del blog" a Plantilla y en lugar de darle personalizar, dale Edición de html. Os sale un mensaje y le dais continuar.
• Se os despliega todo el código HTML. 
• Busca esta línea:

<b:section class='tabs' id='crosscol' maxwidgets='1' showaddelement='yes'/>

Elimínala y en su lugar pon esto:

<b:section class='tabs' id='crosscol' maxwidgets='1' showaddelement='yes'>
<b:widget id='PageList1' locked='false' title='Pages' type='PageList'/>
</b:section>

• Habiendo hecho eso el gadget de Páginas estará en la plantilla. Antes de guardar los cambios usa la Vista Previa para asegurarte que todo ha salido bien.

Fuente del consejo: ciudadblogger.com

2.- Hacer que la barra de blogger sea invisible pero que aparezca cuando pongo el cursor sobre ella.

• Vete a diseño y en el "cuadro de mando del blog" a Plantilla y en lugar de darle personalizar, dale Edición de html. Os sale un mensaje y le dais continuar.
• Se os despliega todo el código HTML. 
• Busca esta línea:

body {

• Ahora pegaremos otro código inmediatamente encima de él. Este código será distinto si sigues trabajando con la interfaz antigua de blogger o si ya has pasado a ala nueva.

Supongo que estarás con la nueva y en ese caso el código que tienes que pegar es:


#navbar-iframe {
opacity:0.0;
filter:alpha(Opacity=0)
}
#navbar-iframe:hover {
opacity:1.0;
filter:alpha(Opacity=100,FinishedOpacity=100)
}

• Y si estás utilizando el antiguo, tendrías que pegar el siguiente código.

#b-navbar {
opacity:0.0;
filter:alpha(Opacity=0)
}
#b-navbar:hover {
opacity:1.0;
filter:alpha(Opacity=100,FinishedOpacity=100)
}

• Guardamos y listo.

3.- Hacer que la barra de blogger sea invisible siempre.

• Vete a diseño y en el "cuadro de mando del blog" a Plantilla y en lugar de darle personalizar, dale Edición de html. Os sale un mensaje y le dais continuar.
• Se os despliega todo el código HTML. 
• Busca esta línea:

 ]]></b:skin>


Ahora pegaremos otro código inmediatamente encima de él. Este código será distinto si sigues trabajando con la interfaz antigua de blogger o si ya has pasado a ala nueva.


 #navbar-iframe {<br /> opacity:0.0;<br /> filter:alpha(Opacity=0)<br /> }

4.- Eliminar "Suscribirse a: Entradas (Atom)"

Tenemos dos opciones para eliminar esta línea de texto del final de cada página:

La primera forma es muy sencilla pero tiene un problema y es que eliminaríamos la posibilidad de que los lectores se sindiquen mediante RSS y también la posibilidad de utilizar programas que hagan que nuestros artículos del blog se publiquen automáticamente en nuestro facebook, twitter y/o linkedin.

Si esto nos da igual, podemos eliminar la línea "Suscribirse a: Entradas (Atom)" yendo a    Diseño > Configuración > Otros y en Feed del sitio, Permitir el feed del blog, elegir Ninguno

De este modo desaparece la línea pero tampoco podemos utilizar la Feed de nuestro blog.

Si queremos quitarla pero manteniendo las funcionalidades del feed tendríamos que editar el html de la plantilla. Para ello:

1. Nos dirigimos a Diseño> Edición de HTML.
2. Pulsamos en el teclado Ctrl + F y buscamos el siguiente código: ]]></b:skin>
3. Y antes del código encontrado copiamos y pegamos el siguiente código:

.feed-links {
display: none;
visibility: hiden;
}

• Y por último le damos clic a VISTA PREVIA y si nos gusta como queda, clic enGUARDAR PLANTILLA.

Enlace a la fuente del consejo

5.- Eliminar el pie de entrada 

Podemos eliminar el total del pie de entrada o algunos de sus elementos (tanto para las entradas como para las páginas). Para ello vais a Diseño > Diseño y en el Gadget Entradas del blog le dais editar

Se os abre una ventana donde podéis seleccionar qué quereis que salga y que no.

El problema es que lo que elijáis se aplicará tanto a entradas como a páginas por lo que si queréis que en páginas aparezcan unas cosas y en entradas otras tendríais que jugar con dos blogs: uno con todo a la vista y una única página y otro solo con páginas. El primero enlazaría con las páginas del segundo mediante páginas de enlace.

6.- Eliminar enlace de navegación del pie "Página principal" 

Para quitar esta línea tenéis que entrar a editar el html y buscar y eliminar la siguiente línea de texto:

    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>

Acordaos siempre de ver en vista previa el efecto de vuestra acción antes de darle a guardar.

7.- Eliminar linea de texto "Con la tecnología de Blogger."

• Ingresamos a la pagina de "Diseño" del blog, allí, a la pestaña de "Edición de HTML", activamos la casilla "Expandir plantillas de artilugios" y presionamos la combinación de teclas "Ctrl + f" para buscar esta linea o código:

 <b:widget id='Attribution1' locked='true' title='' type='Attribution'/>

• Al encontrarla, cambiamos el termino "true" por "false" y hacemos clic en el botón "GUARDAR PLANTILLA"

• Ahora, por ultimo, ahí mismo, debemos ir "Diseño" y encontraremos que el elemento o gadget "Attributión" está al final de la hoja y que si le damos editar, ahora si, nos aparece un botón que permite "Eliminar" el gadget.

Este sistema ha funcionado mucho tiempo pero hoy, a mi al menos, me deja hacerlo pero como que se deshace solo en unos segundos y se recoloca como estaba.

Pensar que blogger nos ofrece toda esta tecnología gratis así es justo que no borremos su rastro del todo. Esta linea de texto es un precio muy barato por poder utilizar blogger.

8.- Abrir enlace del gadget de Imagen en ventana nueva

Hay dos formas de poner una imagen en la sidebar, una es con el gadget HTML/Javascript en el cual debemos poner el código de la imagen, y adicionalmente podemos agregarle estilos. Y otra es usando el gadget de Imagen, en el cual cargamos la imagen desde nuestro equipo o entregando una URL; y además podemos ponerle un pié de imagen y un enlace que dirija a otro sitio Web.

Hasta ahí todo está bien, el problema viene cuando usamos el gadget de Imagen y queremos que el enlace abra en una ventana nueva, ya que por defecto el enlace agregado a esta imagen se abre en la misma ventana y como dice mi querida amiga María Rosa, obliga al usuario a abandonar nuestro blog y eso no nos conviene.

Pero esto tiene solución, y es usando el mismo método que usamos para abrir la Lista de links en una ventana aparte, es decir, editaremos el gadget directo en la plantilla y agregaremos el atributotarget='_blank'

Cuando quieras que una imagen que hayas subido con este gadget abra el enlace en una ventana nueva entra en Diseño > Edición de HTML, marca la casilla Expandir plantillas de artilugios y busca el código del gadget de la imagen (puedes guiarte por el nombre del gadget que le has asignado).
El código completo del gadget es así:

<b:widget id='Image1' locked='false' title='Imagen' type='Image'>
<b:includable id='main'>
<b:if cond='data:title != &quot;&quot;'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<b:if cond='data:link != &quot;&quot;'>
<a expr:href='data:link' target='_blank'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_img&quot;' expr:src='data:sourceUrl' expr:width='data:width'/>
</a>
<b:else/>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_img&quot;' expr:src='data:sourceUrl' expr:width='data:width'/>
</b:if>
<br/>
<b:if cond='data:caption != &quot;&quot;'>
<span class='caption'><data:caption/></span>
</b:if>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>

Sólo agrega lo que está en color rojo y listo, el vínculo que le hayas puesto a esa imagen abrirá en una ventana aparte, con lo que evitaremos que el lector abandone nuestra página.

NOTA: Recuerda dejar un espacio en blanco antes de poner el atributo target='_blank'