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.

Mensaje de bienvenida sobre las entradas de tu blog

En esta entrada aprenderemos a crear una nueva sección sobre las entradas que mostrará un elemento de página o gadget html-javascript con un mensaje de bienvenida sólo visible en la página principal o portada del blog.

Puede verse el resultado en la siguiente imagen:



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



Localizamos este código:
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Entradas del blog' type='Blog'/>
</b:section>

Ahora, justo antes, añadimos el bloque que creará la nueva sección sobre las entradas:
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:section class='Mensajbljposjt' id='Mensajbljposjt' showaddelement='yes'>
<b:widget id='HTML68' locked='false' title='Mensaje de Bienvenida' type='HTML'/>
</b:section>
</b:if>

Buscamos la etiqueta ]]></b:skin> y justo antes incluimos el siguiente css:
/* Mensaje de bienvenida
----------------------------------------------- */
#Mensajbljposjt h3 {
color: #FFFFFF; /* Color del titulo (¡Bienvenid@! */
}
#Mensajbljposjt {
color:#333333; /* Color del texto */
background:#92DA8B; /* Color del fondo */
}

Puede modificarse el color de fondo (#92DA8B) en background:#92DA8B; haciendo uso de la tabla de colores. También se puede editar el color del texto, reemplazando #333333 o #FFFFFF por el código de otro color.

Ahora, antes de </head> agregamos esta línea:
<link href='https://sites.google.com/site/scriptsbalcon/b/Mensajbljjtepos.css' rel='stylesheet' type='text/css'/>

Guardamos la plantilla.

A continuación accedemos al apartado de Diseño > Elementos de la página y pulsamos sobre el enlace 'Editar' del gadget titulado 'Mensaje de Bienvenida'.

Insertamos este código en su interior:
<div id="Mensajbljposjt">
<h3>¡Bienvenid@!</h3>

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

<p>TEXTO PRIMERA LÍNEA</p>
<p>TEXTO SEGUNDA LÍNEA</p>
<p>TEXTO TERCERA LÍNEA</p>

<p>TEXTO CON ENLACE <a href="URL PAGINA">ESTE ES EL ENLACE</a></p>

</div>

Debe reemplazarse URL DE TU IMAGEN por la dirección de la miniatura de imagen a mostrar.

En TEXTO PRIMERA LÍNEA introduciremos el primer párrafo del mensaje de bienvenida y así sucesivamente.

En TEXTO CON ENLACE puede incluirse una frase que contenga un enlace de suscripción en su interior. La dirección del enlace (o feed) se insertará en URL PAGINA mientras que el texto que mostrará el link debe escribirse en donde dice ESTE ES EL ENLACE.

La única función de <p> y su cierre </p> es la de crear saltos de línea dejando un espacio en blanco. Para mostrar el texto sin saltos de línea bastará con eliminarlos.

Guarda el gadget para terminar.

Yomi dice...

Bien! Estaba esperando este truco jajaja,
¡Me lo llevo!
Gracias Jaime.

Carla dice...

¡Gracias Jaime!

Este y otras cositas están dejando mis blogs preciosos.

He puesto un enlace a tu blog. Gracias por toda la ayuda. Besitos, Carla.

Anónimo dice...

¿Pero y cómo hago para incluir un salto de línea sin dejar el espacio en blanco? Buenisimo el truco.

P.M. dice...

Jaime, se que este no es el mejor sitio para ponerte el comentario pero tengo un problema: Utilicé tu truco de poner solo un pequeño resumen de los comentarios con lo de leer más y ahora las páginas no me funcionan. Compruébalo tu mismo Casitengo20

También me gustaría como has hecho para poner esa genial idea de los portales.

Gracias de antemano, un saludo

Jaime Trujillo Escobedo dice...

¡Todo tuyo Yomi! Gracias por comentar.

Jaime Trujillo Escobedo dice...

¡Qué bueno Carla! Muchas gracias por el enlace. Un abrazo.

Jaime Trujillo Escobedo dice...

P.M, la solución al problema fue explicada en esta entrada.

Con respecto al apartado de los portales, hice uso del truco 'Mostrar y ocultar - Expandir y contraer cualquier cosa en el blog'. En mi caso hice uso de elementos desplegables (categorías) dentro de un elemento desplegable general (portales).

Anónimo dice...

Buenas jaime,
sigo tu blog desde hace algun tiempo y los trucos son siempre geniales como este ,funcionaria en blogs tipo revista ?

http://nuestra-guerra.blogspot.com/

Ademas en este mismo no se porque pero no me funciona el slider lo mismo es una tonteria y me resuelves las 2 dudas XD

saludos de nuevo y felicidades por tu buen trabajo

Jaime Trujillo Escobedo dice...

Edu, aunque el resultado podría variar, tu plantilla aceptará sin problemas este truco pues sólo se trata de un gadget (que incluimos en una sección apta para cualquier plantilla).

Con respecto al slider... ¿Podrías indicarme la dirección del tutorial que te ayudó a instalarlo? No te aseguro que pueda determinar el error pero siempre conviene intentarlo.

Anónimo dice...

Pues lo voy a poner ahora mismo en un par jejeej,con respecto al slider venia con la plantilla ,
http://stylishtemplates.blogspot.com/2011/02/moo-magz.html

tampoco te canses mucho, se que es alguna tonteria estoy probando cosas a ver si alguna resulta ,sino tendre que poner de nuevo la plantilla y empezar de nuevo a ver,no hace falta que te lo mires era mas que nada por si era alguna tonteria ,soy bastante nuevo en esto del diseño de blogs XD

Anónimo dice...

no se muy bien seria pero solucionado instalando otro slider :) gracias de nuevo

P.M. dice...

Jaime, eres un grande.

Pedazo Virtual dice...

grandes tutoriales!!!

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