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.
¿Problemas al comentar? Utiliza 
Bien! Estaba esperando este truco jajaja,
¡Me lo llevo!
Gracias Jaime.
¡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.
¿Pero y cómo hago para incluir un salto de línea sin dejar el espacio en blanco? Buenisimo el truco.
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
¡Todo tuyo Yomi! Gracias por comentar.
¡Qué bueno Carla! Muchas gracias por el enlace. Un abrazo.
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).
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
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.
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
no se muy bien seria pero solucionado instalando otro slider :) gracias de nuevo
Jaime, eres un grande.
grandes tutoriales!!!