Configuración:
.
Biología
.
Botánica
.
Tecnología
.
Sociedad
A mis trece años de edad, el día 2 de Diciembre de 2007 inicié ‘El Balcón de Jame’. Este humilde espacio, cuyo secreto siempre fue el de compartir sin recibir nada a cambio, me dio la oportunidad de conocer un mundo nuevo, un entorno en el que me sentía yo mismo.

Hoy, 17 de abril de 2011 finalizo esta etapa de mi vida con una gran sonrisa y junto al recuerdo que este blog y cada unos de vosotros me habéis concedido.

He sido bloggero.

Jaime Trujillo Escobedo.

Botón para mostrar u ocultar la navbar de blogger a opción del lector

La navbar es una barra de navegación que blogger inserta por defecto en todas las plantillas que ofrece.


Botón para mostrar u ocultar la navbar de blogger


Nosotros hemos aprendido a ocultarla o eliminarla, así como a aplicarle un efecto bastante cómodo que transforma la navbar en un elemento transparente (visible al pasar el cursor por encima).

En esta entrada te enseñaré a introducir en tu blog un botón que, al pulsarse, oculta la navbar o la muestra. Esto puede ser una ventaja para aquel lector que desee utilizarla.

Se trata de un truco muy sencillo que podrás realizar en poco tiempo.


Diseño>edición HTML>expandimos artilugios




Busca la etiqueta </head> y añade este bloque encima:

<script type='text/javascript'>
var blbtnmoshead=false;
function blcnmosoc()
{
blbtnmoshead=!blbtnmoshead;
var nav=document.getElementById(&quot;navbar-iframe&quot;);
if (blbtnmoshead)
{
nav.style.visibility=&quot;visible&quot;;
nav.style.display=&quot;block&quot;;
}
else
{
nav.style.visibility=&quot;hidden&quot;;
nav.style.display=&quot;none&quot;;
}
}
</script>
<style type='text/css'>
#navbar-iframe {
display: none;
visibility: hidden;
}
</style>

A continuación guarda la plantilla:




Diseño>añadir gadget (elemento de página)>html-javascript






Pega lo siguiente:

<div style="cursor:pointer;" onclick="blcnmosoc();">
TEXTO O IMAGEN
<a a style="visibility:hidden;">
</a></div>

Reemplaza TEXTO O IMAGEN por una frase o palabra que actúe como título para el enlace.

También puedes hacer uso de una imagen o botón, por lo que puedes sustituir TEXTO O IMAGEN con este código:

<center><img src="URL DE TU IMAGEN"/></center>

Inserta la dirección del botón o el icono donde dice URL DE TU IMAGEN y guarda el gadget para terminar.

Maribel dice...

Hola Jaime
me podrías decir cómo hacer una entrada fija, con una foto de fondo y que se le pueda añadir un menú con categorías, subcategorías y subsubcategorías?...ufff, no se si será mucho pedir.

Un abrazo y gracias de antemano

Felipe dice...

m.. muy ingenioso diria yo y bueno segui asi

Jaime Trujillo Escobedo dice...

Hola Maribel.

Para crear una entrada fija puedes hacer uso de la opción ofrecida por blogger -crear páginas independientes- (Leer tutorial).

¿Al decir un menú con categorías y sub-categorías te refieres a un índice?

- Aquí te dejo una
imagen sobre como podrías hacerlo.

En cuanto a la imagen de fondo en una entrada... Pronto podrás ver la forma de hacerlo (estoy preparando la entrada) ;).

¡Abrazos!

Jaime Trujillo Escobedo dice...

Hola Maribel.

Para crear una entrada fija puedes hacer uso de la opción ofrecida por blogger -crear páginas independientes- (Leer tutorial).

¿Al decir un menú con categorías y sub-categorías te refieres a un índice?

- Aquí te dejo una imagen sobre como podrías hacerlo.

En cuanto a la imagen de fondo en una entrada... Pronto podrás ver la forma de hacerlo (estoy preparando la entrada) .

¡Abrazos!

Maribel dice...

Muchas gracias Jaime.
Tomo nota de todo lo que me has dicho y ya te iré contando.

Un abrazo

Jaime Trujillo Escobedo dice...

Estupéndo, Maribel. Espero tus indicaciones :D.

¡Abrazos!

Maribel dice...

Hola Jaime...creo que me serviría un índice como el que tu tienes de los perros, cómo lo hago?, que no sea muy dificil, pliss

Un abrazo

Jaime Trujillo Escobedo dice...

Maribel, no es para nada difícil.

Verás, el índice que yo utilizo para los perros trata de lo siguiente:

1) He creado etiquetas para agrupar las entradas por temas, por ejemplo: La cría, La alimentación, Los cuidados... (las cuales han sido previamente introducidas en sus respectivos artículos)

2) Después, en una entrada nueva, he incluido enlaces a cada una de esas etiquetas, por ejemplo:

"La alimentación (Perros)" tendría el enlace:

http://elbalcondejaime.blogspot.com/search/label/La%20alimentaci%C3%B3n%20%28Perros%29

3) Simplemente debes escribir un título para el enlace e insertarle el enlace de su etiqueta correspondiente.

En caso de no saber como hacerlo avísame y te ayudaré detenidamente :D.

¡Abrazotes!

Maribel dice...

Hola Jaime

No lo pillo...no habría que configurar primero el índice y luego según vas publicando entradas. poner el enlace a las etiquetas?
Creo que esto no es lo mio, jaja

Un abrazo

Jaime Trujillo Escobedo dice...

Maribel, el índice estaría formado por las etiquetas.

Verás, al agrupar las entradas en etiquetas y después enlazar éstas en una entrada individual o independiente conseguiremos que los lectores del blog vean todos los artículos de una etiqueta / tema específico al pulsar el enlace.

Realmente es mucho más sencillo que tener un índice con los títulos de las entradas.

De esta forma estás separando cada entrada y agrupándola al mismo tiempo con las de su misma categoría... ¿Me explico? ;).

Puedo ayudarte si lo necesitas.

Maribel dice...

Vuelvo a intentarlo de nuevo...y muchas gracias por tu paciencia.
Ya te iré contando, un abrazo.

Jaime Trujillo Escobedo dice...

Claro que si, Maribel, estaré esperando cualquier duda ;).

¡Abrazos!

Maribel dice...

Hola Jaime, la 1º duda...cuando quiera añadir nueva información a la misma pág. independiente, tengo que crear siempre nueva entrada con los enlaces?...no se si me he explicado bien

un abrazo

Jaime Trujillo Escobedo dice...

Maribel, al crear una entrada que actúe como "índice" del blog, no necesitarás crear más posts.

Bastará con hacer clic en Editar cada vez que desees añadir un nuevo enlace hacia una nueva etiqueta que previamente hayas asignado a un artículo en especial.

¡Abrazos!

Maribel dice...

Comprendido Jaime.
Estaré atenta por si publicas una explicación de como personalizar la pág. independiente.

Un abrazo!!

Jaime Trujillo Escobedo dice...

Maribel, por ahora he publicado un truco para ampliar la zona de las entradas y ocultar la sidebar en las páginas independientes (leer entrada), así como el de personalizar la lista de páginas independientes (leer entrada).

Lo más probable es que siga publicando trucos para personalizar las entradas individuales ;).

Maribel dice...

Vale Jaime, me ha servido de gran ayuda

Saludos!!

Jaime Trujillo Escobedo dice...

Gracias a ti, Maribel. Si necesitas algo más solo tienes que decírmelo.

Escribe tu comentario en la entrada...

El Balcón de Jaime fue terminado el 17 de abril de 2011. Leer despedida.

Me gustaría conocer tu opinión. El comentario será moderado y en breve se publicará.

Si deseas incluir un enlace utiliza este código:

<a href="Dirección de tu página">Titulo del enlace</a>

Para publicar un código haz uso del Conversor de entidades.

Intenta escribir sobre algo relacionado con el artículo. Si no lo haces, podría tardar en responderte.

¿Problemas al comentar? Utiliza el formulario antiguo