Es una forma de dar bienvenida a los usuarios y de recomendarles algunas cosas que creemos que le interesarán, a la vez de proporcionarles información breve acerca de los temas que trata el blog, o bien pueden usarlo para lo que crean necesario.
Para añadir el Mensaje de Bienvenida al blog debemos ir a la Edición HTML de la plantilla (Diseño --> Edición HTML) y buscamos el siguiente código:
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Entradas del blog'
type='Blog'/>
</b:section>
y justo antes del mismo añadimos esta sección:
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:section class='main' id='main-dos'
showaddelement='yes'>
<b:widget id='HTML50' locked='false' title=''
type='HTML'/>
</b:section>
</b:if>
Guardamos los cambios y ahora nos dirigimos a Diseño, donde veremos que aparece un gadget HTML nuevo (que acabamos de añadir al agregar el código anterior)
Hacemos click en "Editar" ese gadget y pegamos el código del Mensaje de Bienvenida, el cual puede ser algo así como este:
<div class="mensaje">
<h2>¡Bienvenido!</h2>
<img
src="http://img155.imageshack.us/img155/3627/34283694.jpg"/>
<p>Bienvenido a mi blog: AQUI LA URL DE TU BLOG
Blogs</p>
<p>Espero que lo que veas aquí sea de tu
agrado y pases un buen momento con nosotros.</p>
<p>¡Estás en tu casa! Por lo cual
puedes leer y comentar lo que quieras.</p>
<p>Si quieres puedes suscribirte a mi <a
href="http://feeds2.feedburner.com/blogspot/hnBy">feed</a>
</p>
<p>Y si necesitas contactar conmigo, puedes enviarme un
<a
href="mailto:TU-EMAIL@hotmail.com">email</a></p>
</div>
Con estos pasos ya tenemos un Mensaje de Bienvenida, podemos dejarlo tal como esta o bien darle un poco más de estilo para que quede más bonito. Para ello nos dirigimos a Diseño y buscamos ]]></b:skin> y justo antes de eso pegamos este código:
.mensaje{background:#B7D3D9;padding: 10px;font-size: 14px;}
.mensaje h2{font-size: 22px; margin: 0 auto; color: #fff; font-weight:
bold;text-align: center; }
.mensaje a{font-weight: bold; color:#fff;text-decoration:underline;}
Para cambiar la imagen solo editamos la parte que dice:
<img
src="http://img155.imageshack.us/img155/3627/34283694.jpg"/>
por: <img src="URL-DE-TU-IMAGEN"/>
Espero que les sirva
