Mensaje de Bienvenida

En esta nueva publicación les tengo un estilo muy bonito para dar un mensaje de bienvenida o una noticia importante al blog. pues es un cuadro d bienvenida que ahora lo estarán viendo en esta entrada.

Este diseño originalmente lo tome de PHPost y lo adapte a blogger con un estilo CSS y HTML determinado, Ahora es compatible.

Primero vamos a entrar a Diseño.


Y luego vamos a añadir un nuevo gadget.


Añadimos el HTML/Javascript y en el Contenido pegaremos lo siguiente:

<div class="guestwarn">
<img src="http://i.imgur.com/08qmv.png" style="left:220px;float:left" />
  <p style="font-family: century gothic; font-weight: bold;margin-top: 0px;">TU TEXTO DE BIENVENIDA</p>
<br />
</div>
<style type="text/css">
.guestwarn {
background: none repeat scroll 0 0 #202a30;
border:4px dashed #FFFFFF;
border-radius: 3px 3px 3px 3px;
bottom: 10px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 1px 0 #4c595e inset;
color: #FFFFFF;
font-family: Tahoma;
font-size: 12px;
height: 85px;
line-height: 18px;
opacity: 0.8;
padding: 10px;
position: fixed;
text-align: center;
text-decoration: none;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
width: 315px;
top:77%;
right:46px;
z-index:100;
}
div.guestm img {
padding-top:2px;
margin-bottom:-4px;
}
</style>

Una vez que ya tenemos pegado todo el contenido ahora solo guardamos el Gadget y vamos a nuestra pagina a ver los cambios. En el CSS puedes esitar los colores, dimenciones, fuente etc. Para tenerlo a tu estilo en tu blog.