Mensaje de Bienvenida, en tu Web o Blog.
Para tener un toque personal y muy profesional en nuestro website o blog, aveces es necesario poner un mensaje de bienvenida, como: "Hola Bienvenido (s), a mi (blog/web), aquí encontraras.....", y por eso yo te enseñaré a hacerlo de una manera fácil y sencilla:El mensaje se ve de la siguiente manera:
Pasos
Para añadir este truco en tu blog sigue los siguientes pasos:
1. Vamos a Diseño,Edicion HTML-sin expandir los artilugios- y buscamos el siguiente codigo:
<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.
NOTA: 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.
Gracias por Ver el Post.
Compártelo!....
