Mil Trucos Blogger

Mensaje de Bienvenida en el blog

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado

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:

 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.

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.

0
Shares

Relacionados...

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado

17 Comentarios

  1. mayo 18, 2011    

    😉

  2. mayo 18, 2011    

    @Rainer Gracias por el comentario 😮

  3. Anonymous Anonymous
    junio 3, 2011    

    hola gracias por el aporte aun no lo he probado, el mensaje de bienvenida se abrira como ventana emergente o como funciona???

  4. junio 4, 2011    

    @Anónimo Pues el mensaje se vera como un gadget pero si quieres que se abra como una ventana emergente te lo consigo y por cierto eso se llama PopUp saludos :)]

  5. Ema Ema
    septiembre 12, 2011    

    Hola!!
    me uno a la paticion de Anonimo, si podes conseguir el mensaje de bienvenida como ventana emergente pasame el tutorial, please!!

    Muy bueno el blog 😀 😀

  6. septiembre 12, 2011    

    Ema ok ya estoy trabajando en tu tutorial,esperalo muy pronto 🙂

  7. noviembre 7, 2012    

    Este comentario ha sido eliminado por el autor.

  8. noviembre 7, 2012    

    Este comentario ha sido eliminado por el autor.

  9. noviembre 25, 2012    

    Este comentario ha sido eliminado por el autor.

  10. noviembre 25, 2012    

    Este comentario ha sido eliminado por el autor.

    • noviembre 28, 2012    

      Gabriela tu pusiste mal el feed, reemplazalo bien y si necesitas ayuda con gusto yo te paso el codigo ya listo con tus datos solo para que lo agregues y listo.

  11. diciembre 22, 2012    

    Este comentario ha sido eliminado por el autor.

  12. diciembre 22, 2012    

    Este comentario ha sido eliminado por el autor.

    • diciembre 24, 2012    

      Gabriela necesito un correo en el que te pueda mandar el codigo.

  13. enero 8, 2013    

    Este comentario ha sido eliminado por el autor.

    • enero 9, 2013    

      Gabriela mañana a primera hora revisare mi correo 😛

  14. marzo 12, 2013    

    Este comentario ha sido eliminado por el autor.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Categorías

Síguenos en Facebook

Suscribete por Email

Introduce tu Correo:

Recibiras nuestros últimos posts en tu correo