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.

Personalizar la lista de páginas independientes en blogger

Blogger añadió una nueva opción hace tiempo. Se trata de poder crear páginas independientes y escribir en ellas contenido especial.

Para crear páginas independientes bastará con iniciar sesión en Blogger in Draft y seguir los siguientes pasos:

1) Ve a Creación de entradas y haz clic en "Editar páginas"




2) Pulsa el botón "Página Nueva" y escribe el contenido de la entrada dinámica.

3) Selecciona el lugar en el que deseas colocar la lista de enlaces hacia las páginas independientes:




4) Pulsa "Guarda y publicar" para terminar.

Podrás crear hasta un total de 10 páginas independientes.

La lista con la que se mostrarán las páginas no tiene estilo alguno, por lo que vamos a "decorarla" un poco y a transformarla en un menú:


Diseño>Edición de HTML>expandimos artilugios




Busca la etiqueta ]]></b:skin> y encima añade estos bloques de CSS:

#PageList1 ul li {
background:#89912B none repeat scroll 0 0;
border:2px solid #CCCCCC;
padding:4px;
color: #0c0c0c;
text-align:center;
}
#PageList1 ul li:hover{
border: 2px solid #cccccc;
background: #2b6191 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdQ80eI9Cn1WaklP6zRlwoeoJEfBlXd2NjFltZye5Pl26EHpNCiVO_F1SCJkBc2RbWnTMtA3V2e_yKIxBOQuyTrEa1i965rWLvmw_RqjuoiR4XGBdt_Df9Tft1Pox8IqOzm_DI4nqE9VU/s1600-r/balcnti.png) no-repeat left;
color: #ffffff;
text-decoration: none;
padding: 4px;
}
#PageList1 ul li a:visited {
color: #ffffff;
text-align:center;
}
#PageList1 .selected{
background: #57912b url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdQ80eI9Cn1WaklP6zRlwoeoJEfBlXd2NjFltZye5Pl26EHpNCiVO_F1SCJkBc2RbWnTMtA3V2e_yKIxBOQuyTrEa1i965rWLvmw_RqjuoiR4XGBdt_Df9Tft1Pox8IqOzm_DI4nqE9VU/s1600-r/balcnti.png) no-repeat left;
}

Guarda la plantilla para terminar:




Ahora tu lista de entradas independientes tendrá este aspecto:




- Al pasar el cursor el fondo cambiará a un color azul.
- Al hacer clic en un enlace y abrir la página estática, el título de ésta tendrá un color verde.

Notas:

El diseño de este menú ha sido pensado para las listas de páginas independientes colocadas en la sidebar (barra lateral). Si colocas el widget bajo la cabecera del blog, el diseño cambiará un poco.

En caso de querer personalizar el menú a tu gusto y no saber como hacerlo avísame.

La Trucoteca dice...

Hola Jaime!
Muy buena entrada, la verdad es que tus explicaciones siempre quedan brillantes, de manera que son muy fáciles de entender ;)
Enhorabuena por el blog, llevabamos un tiempo sin pasarnos por aquí, así que queríamos decirte una vez más que este lugar está cada vez mejor :D
¡Un fuerte abrazo desde Murcia!

Jaime Trujillo Escobedo dice...

Hola La Trucoteca de Blogs!

Me alegro de que te haya gustado el truco. Gracias por la visita y el comentario ;).

¡Abrazos!

Laube Leal dice...

Uyyyyyyyyyyyyy... me gusta!!!!! Lo que me parece más difícil es eso de darle forma, formato... Tendré que practicar!
Gracias Jaime!

Unknown dice...

Jaime yo en mi blog no tengo esa pestaña que dice editar paginas. Sabes porq es??

Tomas G

Joaquín dice...

Hola buen Jaime!

De acuerdo ciento por ciento con las palabras de La Trucoteca. He dicho y repito, que tus explicaciones poseen una didáctica pedagógica impecable; se diría que eres catedrático, con décadas de experiencia dictando clases magistrales.

Jaime, me parece que la tendencia de Blogger, y de los servicios gratuitos similares en general, es acercarse cada vez más a ofrecer la manera de tener un sitio web personal, con sencillez y facilidad tales que cualquiera pueda crear el propio, modificarlo, mantenerlo. Esta nueva característica de que nos informas hoy, me hace pensar eso. Mi opinión es favorable: cualquiera puede tener su propia página web sin ser obligatorio ser programador o diseñador web. Si bien existen miles de sitios donde se puede crear una página web gratuita, los blogs son un fenómeno único, aunténticamente democrático, y que se parezcan cada vez más a un sitio propio (pero mucho más dinámico), es acercar más y más a las personas comunes al Internet, y al contacto con el mundo. En este sentido, Twitter, es un verdadero sitio web personal microscópico, para cualquier persona en todo el mundo.

¿Cuál es tu opinión Jaime?

Disculpa si me he extendido mucho! En tu blog se siente uno a gusto leyendo y escribiendo!

Un abrazo!

*//////* dice...

Hola Jaime :)
De paso saludo a los chicos de la Trucoteca :D
Hola Germán y hola Javier.

Me encanta este truco. Hace rato que ví el tema de las páginas, pero como sabía que quedaban "sueltas" pensaba lo mismo que vos ¿Como hacer para que queden juntas? En un menú es lo ideal !!

Primero voy a intentar en un blog de pruebas.
Si luego tengo dudas con algo te aviso. ;)

Besos !!!
(para todos) Para vos y los chicos de la trucoteca =)

Jaime Trujillo Escobedo dice...

La forma es la que aparece en la imagen, Laube (siempre y cuando se coloque el gadget en la sidebar).

Practicando se aprende de todo, ya verás como en unos pocos meses sabrás darle forma ;).

Jaime Trujillo Escobedo dice...

Tomas G, ¿ingresaste a tu cuenta de blogger a través de Blogger in Draft?

La posibilidad se ofrece por el momento en "Blogger en borrador", todavía no está disponible en blogger (pero funciona igualmente).

Jaime Trujillo Escobedo dice...

Arny Joaquín, pienso igual que tu. Mi opinión es que internet debe ser un lugar para compartir todo tipo de información y una gran parte del internet está ocupada por los blogs.

Bitácoras de todo tipo, de todos los temas, con administradores procedentes de cualquier parte del mundo que se únen en una gran comunidad (como puede ser blogger) blogueril para compartir lo que más les gusta: la lectura, la escritura y el aprendizaje.

Twitter es algo similar a un blog en donde la gente puede conocerte mucho mejor. Es un espacio para saber más unos de otros y explicar tu vida a todos los seguidores que día a día leen los mensajes resumidos del escritorio en dicho sitio web.

Claro está que en un blog siempre se podrán expresar mejor las ideas que en Twitter pero de forma diferente (ya que con frases cortas se dicen cosas muy largas ).

Es precioso saber que os sentís a gusto en El Balcón, al fin y al cabo ese es el propósito: compartir la mayor cantidad de información posible de forma amena, gratuita y sincera.

¡Abrazos!

Jaime Trujillo Escobedo dice...

¡Hola Maria Rosa! A mi también me ha gustado bastante la nueva opción de blogger.

Este menú tiene la ventaja de que puede ser personalizado por completo, su tamaño, sus colores, sus fondos, sus imágenes... todo puede editarse.

Si necesitas cualquier cosa dímelo ;).

Viajes Erráticos dice...

Muchas gracias Jaime, me ha salido a la primera. Ahora tendré que mirar como poner una imágen de fondo y añadir las categorías.

Un saludo

Jaime Trujillo Escobedo dice...

Gracias a ti por comentar, Maribel. Si lo deseas puedes mandarme las imágenes de fondo que deseas utilizar en el menú y yo te mando las propiedades CSS con todo "instalado" ;).

Viajes Erráticos dice...

No sabes cuanto te lo agradezco Jaime, este es un proyecto que tenemos en mente desde hace tiempo pero que no podemos materializar por falta de conocimientos en el tema del diseño.
Te mandaré un correo para contarte los detalles.

Saludos!

Jaime Trujillo Escobedo dice...

Maribel, será todo un placer ayudarte. En cuanto pueda responderé al correo ;).

Unknown dice...

hola excelente lo tuyo,pero el truco no me funciono.hice todo tal cual pero no surgio efecto,bueno desde ya gracias
fijate donde
tengo ubicadas las paginas estaticas

varech dice...

Por favor, me podrías decir para qué sirven las páginas independientes?
Gracias y saludos

Jaime Trujillo Escobedo dice...

casinotito, es muy extraño. Acabo de revisarlo por completo y funciona a la perfección :S.

Jaime Trujillo Escobedo dice...

varech, las páginas independientes o páginas estáticas son simples entradas que se "distinguen" de las demás porque no aparecen en los resultados de búsqueda o en las etiquetas del blog.

Podemos crear entradas estáticas entradas especiales para añadir secciones únicas al blog, como una página "Acerca de mí" o un "índice".

Yúlian Loyola dice...

Ola Gracias por el aporte, kedó de pelos xD

Bno, lo que kisiera seber es si se pueden agregar más páginas independientes pos porque ia use todas las que me permitían :S
Si me pudieras ayudar en eso por favor

Espero una respuesta :D

varech dice...

Gracias Jaime. Me lo pensaré.

varech dice...

Ya he hecho una para probar, pero no me sale.
Sale el recuadro en el blog, pero cuando pincho no pasa nada.

Jaime Trujillo Escobedo dice...

Yúlian Loyola, por ahora no se si es posible hacer lo que dices. Pero tienes la opción de crear entradas normales y aplicarles un diseño especial.

Jaime Trujillo Escobedo dice...

varech, no he podido ver la entrada. ¿Le aplicaste un título?

Si es así, bastará con copiar su dirección (aparece en la barra de direcciones) e introducirla en un gadget - lista ofrecido por blogger (lo encontrarás en el apartado de Diseño>Elementos de página>Añadir gadget) ;).

varech dice...

Jaime la he dejado casi al final del blog para que la veas. De momento simplemente estoy tratando de ponerla.
Escribo lo que quiero, le doy a publicar y luego a ver la entrada para copiar la dirección, pero es que no sale, y por lo tanto no puedo copiarla.
Por otra parte en el gadget de páginas no veo que se pueda poner ninguna dirección.

varech dice...

He conseguido que me salga, pero sólo aparece un trozo, ya que tengo la opción "Leer más", y me sale el comienzo del texto y la foto en miniatura, pero no abre cuando le doy a "Leer más"
¿Lo podría quitar en esta página?

varech dice...

Jaime de mi alma y de mi corazón, que ya lo he resuelto y me ha quedado muy bonito.
He adaptado los colores a los de mi blog, y el resultado me va, me va y me va........
¿No tienes emoticones de beso gordo?
Muack

Jaime Trujillo Escobedo dice...

¡¡Genial, genial y geniaaal, varech!! Te ha quedado de maravilla, sobre todo el lindo color azul al pasar el cursor por encima ;).

Ahora simplemente necesitarás rellenarlo con los títulos de las páginas independientes en El Mirlo de papel ^^.

P.D. Supongo que tus palabras valen más que el emoticono =D ¡Abrazos!

Unknown dice...

Buenas. quisiera que me ayuden con las páginas nuevas. Quiero saber como crear entradas en paginas nuevas y que aparezcan alli y no en mi pagina principal.
Aqui te envio mi direccion para que veas,.
la apgina nueva q cree no tiene ninguna entrada que intente colocar, pues si creo nuevas estas se van a la pagina principal.
Ademas al publicar entradas cuando las redacto tengo otro problema pues no me salen ordenadas y tengo que usar viñetas siempre para redactar y se ven feas las viñetas dandole un aspecto que no me agarada.
necesito ayuda urgente .
gracias por tu respuesta

Anónimo dice...

hola, como puedo crear una pagina independiente donde se vean las nuevas entradas que quiero publicar separadas por categorias. (ejm. una pagina independiente solo para libros, otra solo para programas, etc).
Otra cosa que quiero consultar es que cuando creo mis entradas con listas que van verticalmente y cuando las publico me salen todas juntas en horizontal como si fuera un solo texto sin puntos apartes. He logrado separarlas usando viñetas pero no es lo que esperaba por que las viñetas se muestran en las entradas ya publicadas y no me agrada.
necesito ayuda urgente. gracias

Wilder dice...

buen dia por favor una consulta como hago para agregar mas de 10 páginas independientes o de que manera se puede hacer personalizado por categorias como de ud. le agradezco de antemano

Jaime Trujillo Escobedo dice...

Hola Wilder. Verás, en mi caso no he usado entradas individuales. Los índices del Balcón son entradas normales a las cuales les he aplicado unas propiedades especiales (Leer entrada al respecto).

En dichas entradas no hay más que un enlace hacia cada una de las etiquetas que agrupan las entradas por temas :D.

mandarina dice...

Muchísimas gracias por todos tus consejos Jaime!!! a los novatísimos como yo, son de gran ayuda.
Estoy "intentando" crear un blog y poco a poco voy consiguiendo darle forma pero llevo días atascada. He creado un menu con submenus y se me abren las ventanas, tal como yo queria, pero siempre con el diseño de la página de inicio. ¿cómo puedo personalizar la página de la ventaña?
Siento el ladrillo, pero si puedes ayudarme te lo agradeceria un montón. Graciassss

Jaime Trujillo Escobedo dice...

Gracias a ti, mandarina y bienvenida. ¿Te refieres a decorar las páginas de entradas individuales o una entrada en particular de manera distinta y que se vea en un diseño diferente al que puede verse en el blog "normal"?

Si es así, la primera entrada que te recomendaría leer es esta. Con ella no solo aprenderás a ocultar cosas en las páginas de entradas, sino a añadir propiedades CSS (de estilo) para cambiar el aspecto del blog al abrir ese post en especial ;).

Deja los comentarios que necesites en cuanto tengas una duda ☺.

Isaac Chavero dice...

Hola,

Si ponemos el menu de páginas estaticas en la sidebar nos sale en forma de lista, y lo ponemos bajo la cabecera o el footer nos aparece en forma de pestañas.

Mi problema es que quiero que aparezca integrado en el header. En mi plantilla (http://icp-cirugiaestetica.blogspot.com/) tengo el header dividido en dos lados con la opción de poner en la cabecera más un gadget. Ahora mismo tengo un menu "normal" que quiero sustituir por otro menu de paginas estaticas. Pero cuando coloco en el lugar del menu normal, el de paginas estática, aparece en forma de lista y no de pestañas ¿Como puedo hacer paraq que aparezca en esa posición en forma de pestañas?

Jaime Trujillo Escobedo dice...

Hola Isaac Chavero. Lo primero que se me viene a la cabeza y que podría solucionar el problema sería el introducir los enlaces a las diversas páginas estáticas en los enlaces del menú.

Naturalmente, mientras insertas los enlaces páginas en tu menú, debes tener el gadget de páginas estáticas en la barra lateral, para poder así copiar su dirección (que podrás obtener fácilmente al abrir una página individual y copiar la URL de la barra de direcciones en tu navegador).

Si necesitas algo más avísame.

Linea Poker dice...

hace poco ingresos unos codigos html para que en las paginas independientes no aparecieran las sidebar y me resulto, pero me aparecen los banner de publicidad...¿¿¿Como puedo quitar los banner de publicidad asi mismo como lo hice con los sidebar en las paginas independientes???

Linea Poker dice...

muy buen dato, por casualidad ¿¿sabes como quitar los banner y el resto de elementos de las paginas independientes??? ya lo hice con las sidebar, pero con el resto aun no se.
ojala puedas ayudarme
de antemano gracias.

Jaime Trujillo Escobedo dice...

Jorge Ormeño, pega este código en el cuerpo de las entradas individuales ya que es muy probable que consigas lo que deseas.

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<style>#AdSense1{display: none;} #AdSense2{display: none;} #AdSense3{display: none;} #AdSense4{display: none;} #AdSense5{display: none;}</style>
</b:if>

Si quieres ocultar algo más dímelo.

Lidia dice...

:) Jaime, que ya lo logre, es que entraba desde el blog de pruebas y como ahi no tengo casi nada, no me dejaba verlo, ahora lo intente desde el blog y, si ya tengo esos botoncitos de las páginas estáticas, me encantó. Gracias y ya te estoy añadiendo a mi blog, para tenerte siempre a mano.:P

Jaime Trujillo Escobedo dice...

Es un placer ayudarte, lidia. Muchísimas gracias por incluirme en tu blog. Desde que necesites alguna otra cosa no dudes en comentar.

Lidia dice...

Hola Jaime, :):)ahora que te descubrí, y que ya he podido hacer algunos cambios,pues que pasaré seguido por más. Lo que no pude hacer es que en las páginas estáticas no se vean las columnas laterales, sale todo igual. Seguiré probando. Pero ahora lo que si me interesa saber es, hay alguna forma de cambiar los enlaces de entradas antiguas,siguientes y home por una imagen que yo he creado? Espero que me puedas ayudar. Ya puse en mi blog, el buscador interno,y el gadget para cambiar el color de la página, voy por más :P De nuevo gracias por tanto y tan magnífico aporte.Por si tienes un ratito libre te dejo la Url de mi blog, así me decis que cosas debo cambiar o mejorar. http://litesi86.blogspot.com

Jaime Trujillo Escobedo dice...

Hola Lidia! Hace tiempo escribí un truco para reemplazar los enlaces de navegación por iconos, puedes encontrarlo aquí.

Acabo de ver tu blog y en general no sabría que aconsejarte. Me encanta tal cual lo has diseñado (el menú para cambiar el color de fondo ha quedado perfecto). Quizás podrías rellenar un poco más la barra lateral izquierda, moviendo algún gadget de la sidebar derecha para igualar las columnas :D.

Lidia dice...

:) Ok Jaime ya veo lo de los enlaces y gracias por pasar a mi blog tan rápido, ya arreglo lo de la sidebar. Cualquier cosita paso de nuevo,:D, ya estoy en seguidores, asi recibo la nueva información. Mil gracias por todo.

Jaime Trujillo Escobedo dice...

Perfecto Lidia. Gracias por unirte a los seguidores del Balcón.

THÉODEN dice...

ola jaime a mi me gustaria que las paginas estaticas abrieran otras paginas a su vez secundarias ¿me entiendes?
gracias
un saludo, Paco

Jaime Trujillo Escobedo dice...

Thor, imagino que te refieres a crear diez páginas estáticas usando la opción de blogger y posteriormente incluir entradas normales a modo de páginas secundarias. Éstas últimas podrán modificarse para conseguir que tengan un aspecto distinto al del resto de entradas (ver truco).

Si necesitas algo más avísame.

varech dice...

Hola Jaime: ¿Por qué razón los título que he puesto en las páginas independientes, desde algunos ordenadores no se ven?
Yo entro con IE y los veo bien, pero cuando mi marido entra con Mozilla no se ven hasta que no se pasa el cursor por encima.
¿Puede tener arreglo la cosa, o es cuestión de navegadores?
Feliz finde.

Jaime Trujillo Escobedo dice...

Varech, ¿Te refieres a los títulos de las páginas independientes del menú vertical que tienes en la barra lateral o al título de las entradas en general?

En caso de tratarse de lo primero, accede a Diseño>Edición de HTML>expandir plantilla de artilugios y busca la etiqueta ]]></b:skin>. Justo encima añade este bloque de código.

.PageList li a {
color:#FFFFFF;
font-weight:normal;
text-decoration:none;
}

Si lo que ocurre es lo citado en segundo lugar házmelo saber.

¡Feliz fin de semana amiga!

varech dice...

Me acabo de conectar desde un sitio "prestado" en el cual no se veían los títulos, he aplicado tu solución y voilà................¡perfecto!
Eres genial. Gracias.

Jaime Trujillo Escobedo dice...

Entonces todo solucionado, Varech. ¡Gracias a ti!

Alfa Omega dice...

Hola, Buenisima toda esta onda
super bien k pasas los tips...
pero io no entendi algo:
Dices: Busca la etiqueta ]]> y encima añade...
COmo k encima? en lugar de, antes o despues?

Si me pudieras contestar por correo,
te lo Agradeceria bastante: alfaomegaeventos@hotmail.com

Jaime Trujillo Escobedo dice...

Hola Alfa Omega. Siempre que comente en una entrada algo como 'añade el código encima o justo encima' o 'inserta el código debajo'... me refiero a incluir lo que sea antes o después de la línea o etiqueta (sin borrarla).

En este caso lo haríamos así:

BLOQUES DE CODIGO AQUI

]]></b:skin>

¡Saludos!

Mynor Martínez dice...

Me puedes indicar como puedo poner nuevas entradas solo en la página independiente sin que esta aparezca en la página principal, porque al agregar un gadget de texto sale en todas y yo solo quiero que sea en una en específico. Qué puedo hacer???? gracias de antemano.

Jaime Trujillo Escobedo dice...

Mynor, tengo una entrada pendiente a publicar en la que redactaré la forma de mostrar un elemento o gadget de cualquier tipo en una página o apartado específico del blog (en la portada, en las páginas de entradas individuales, en las páginas de etiquetas...).

Pronto dispondrás de la solución.

Anónimo dice...

Disculpa Jaime me podrias dar una mano?

¿Cómo separar las entradas por etiquetas en Blogger?
Si se poner etiquetas y quedan separadas cada una con su eqtiqueta, lo que yo quiero hacer es lo siguiente: tengo una barra horizontal de las cuales hay opciones y se despliegan otras mas, por ejemplo , una opcion de mi barra horizontal tiene elnombre ACTIVIDADES, si se pasa el mouse se despliegan varias opciones mas, una esas se llama ATLETISMO. Bien mi duda es saber como hago, para que al hacer clic en atletismo me lleve a ver las entradas con la etiqueta atletismo? El blog tiene paginacion, al incio se ven todas las entradas va solo dos asi no se hace largo.
El tema es que tengo el blog, le puse etiquetas y dividi algunas entradas por etiquetas, el tema es que cuando Apenas se entra al Blog. se cargan TODAS las entradas juntas, una abajo de la otra, y se hace un choclo de pagina, lo que yo quiero es dividir las entradas por etiquetas, que solo se muestren 1 o 2 entradas al principio y el resto este dividida en sus etiquetas y se muestren solo cuando se pinche en su etiqueta correspondiente. La opcion de etiquetas no la tengo porque eso tengo las opciones en la barra lateral. En el blog peliculas-lat.blogspot . com sale lo que yo quiero hacer. Pero no se como.

Jaime Trujillo Escobedo dice...

John, en primer lugar, instala este truco. Cuando hayas creado las categorías o grupos generales, procederemos a incluir las etiquetas que conducirán a sus respectivas entradas. Para ello, haz uso de este tutorial en el que explico como crear un enlace (será necesario crear enlaces con la URL de cada etiqueta para obtener así lo que buscas).

Si en cualquier momento necesitas ayuda, escribe un comentario.

Machemo dice...

Muchas gracias por el tutorial, esta muy bien explicado y hay pocos comentarios sobre el mismo.
El tuyo lo he entendido bien, y lo he podido hacer.
Ahora me toca terminar de hacerlo.
Lo dicho muchas gracias.
Saludos.

Jaime Trujillo Escobedo dice...

¡Bienvenida Machemo! Estoy encantado por haberte sido de ayuda. Si durante la modificación del menú necesitas ayuda avísame. Soy yo el que te agradece el comentario. Saludos.

MARÍA JESÚS dice...

Hola Jaime me parece super interesante tu blog y de gran utilidad. Ya no estás activo por lo que he leído antes? tengo un par de dudas que quería consultarte....bueno mucha suerte y gracias por tu blog....besosssss

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