Algo así como esto:
Para ello hay que ir a Plantilla » Editar HTML y buscamos lo siguiente:
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Entradas del blog' type='Blog' version='1' visible='true'>
Puede que a ti no te salga, exactamente igual. En caso de que no encuentres el código, busca solo 'Entradas del blog', seguro que ya aparecerá. Y justo antes del fragmento de más arriba, pegas lo siguiente:
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:section id='Mensaje de bienvenida' showaddelement='yes'>
<b:widget id='HTML68' locked='false' title='' type='HTML'/>
</b:section>
</b:if>
Esto sirve para crear la sección arriba de nuestras entradas, con la condición que sólo se visualice en la página principal.
Para añadir los estilos, buscamos ]]></b:skin> y justo antes pegas lo siguiente:
/* Mensaje de bienvenida en la página principal
----------------------------------------------- */
#Mensajebienvenida {
color:#FFF; /* Color del texto */
background:#0069b8; /* Color del fondo */
border: solid 1px #003e6c; /* Color del borde */
padding: 20px 20px 10px 20px;
font-size: 12px;
text-align: center;
}
#Mensajebienvenida h3 {
color: #FFF; /* Color del titulo */
font-size: 25px;
padding-bottom: 15px;
margin-bottom: 20px;
border-bottom: solid 1px #003e6c; /* Color del separador */
}
Puedes cambiar los colores, tamaños y todas las configuraciones a tu antojo. Guardas la plantilla.
Por ultimo hay que ir a Diseño y justo arriba del gadget de entradas debe haber uno HTML/Javascript, que es el que acabamos de crear. Lo abres y en el pegas lo siguiente:
<div id="Mensajebienvenida">
<h3>TITULO</h3>
<p>Texto aquí</p>
</div>
Ya sólo queda reemplazar TITULO y Texto aquí, por lo que tu quieras mostrar, incluso puedes poner imágenes, enlaces y lo que desees. Guardas el gadget.
Si te ha gustado, compártelo. Si tienes alguna inquietud no dudes en preguntar. Hasta la próxima.
0 comentarios: