Mensaje de Bienvenida en el blog

Hoy traigo un pequeño truco en el cual le añadiremos un mensaje de bienvenida a nuestro blog lo cual hara mas amena la estadia del lector en nuestro blog.

El mensaje se ve de la siguiente manera:

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

 2. Arriba del anterior codigo pegamos el siguiente:

<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>

3. Guardas los Cambios en tu plantilla.

OJO: Cuidado con los siguientes pasos,presten atencion para evitar confusiones.

4. Ahora vamos a Diseño,Añadir gadget,HTML Javascript y pegas el siguiente codigo:

<div class="mensaje">

<h2>¡Bienvenido!</h2>

<img src="http://img155.imageshack.us/img155/3627/34283694.jpg"/>
<p>Bienvenido a mi blog.</p>
<p>Espero que lo que veas aquí sea de tu agrado y pases un rato agradable.</p>

<p>¡Estás en tu casa!</p>

<p>Si quieres puedes suscribirte a mi <a href="TU FEED">feed</a> </p>

<p>Y si necesitas contactar conmigo, puedes enviarme un <a href="TU EMAIL">email</a></p>

</div>

Reemplazas las partes «TU FEED» y» TU EMAIL»  por tu feed y email correspondiente.

Si quieres puedes cambiar la URL de la imagen del mensaje por una propia,la URL a cambiar es la siguiente:
http://img155.imageshack.us/img155/3627/34283694.jpg.

5. Ahora vamos nuevamente a Diseño,Edicion HTML,Expandir plantillas de artiluguios y buscamos la etiqueta ]]></b:skin> y arriba de ella añadimos el siguiente codigo:

.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;}

Por ultimo guardas los cambios y listo.