Mensaje de Alerta con CSS
Eso es un Mensaje de Alerta Con CSS, No Crean que Es Una Prueba Si Es Cierto, Bueno..
Comenzemos..
Primero Vamos a Diseño > Edición de HTML > justo antes de ]]></b:skin> Pegamos el Siguiente Codigo
Para Darle el Estilo CSS:
.alert {
background: #fff6bf url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTbjV3yfYi8J7dr-Djn_DfDFRY_IHpGgeFy8_GD66cjpmZiFXj0G35gjbRn4sntHfW_41AYskorbBYLTeTArYNa4XFnmdMgsColyqrzgNec90ST2ZY9lM_KLxCzj1aLHm3LEbBvKrkwfE/s320/alert.png) center no-repeat;
background-position: 15px 50%; /* x-pos y-pos */
text-align: left;
padding: 5px 20px 5px 45px;
border-top: 2px solid #ffd324;
border-bottom: 2px solid #ffd324;
}
Lo que Esta Color Rojo es la Imagen de Alerta, la Podemos Cambiar por Cualquier Otra, Ahora
Para Añadir el Mensaje, Vamos a
Elementos de la Pagina>Añadir un Gadget>HTML Javacript
y Añadimos el Siguente Codigo:
<p class="alert">Aqui tu Mensaje</p>
Y Así Tenemos Nuestro Mensaje de Alerta.
Lo Conseguimos en..Pazos Blogger
Escrito por Admin
*Adsense 336x280
Eso es un Mensaje de Alerta Con CSS, No Crean que Es Una Prueba Si Es Cierto, Bueno..
Comenzemos..
Primero Vamos a Diseño > Edición de HTML > justo antes de ]]></b:skin> Pegamos el Siguiente Codigo
Para Darle el Estilo CSS:
.alert {
background: #fff6bf url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTbjV3yfYi8J7dr-Djn_DfDFRY_IHpGgeFy8_GD66cjpmZiFXj0G35gjbRn4sntHfW_41AYskorbBYLTeTArYNa4XFnmdMgsColyqrzgNec90ST2ZY9lM_KLxCzj1aLHm3LEbBvKrkwfE/s320/alert.png) center no-repeat;
background-position: 15px 50%; /* x-pos y-pos */
text-align: left;
padding: 5px 20px 5px 45px;
border-top: 2px solid #ffd324;
border-bottom: 2px solid #ffd324;
}
Lo que Esta Color Rojo es la Imagen de Alerta, la Podemos Cambiar por Cualquier Otra, Ahora
Para Añadir el Mensaje, Vamos a
Elementos de la Pagina>Añadir un Gadget>HTML Javacript
y Añadimos el Siguente Codigo:
<p class="alert">Aqui tu Mensaje</p>
Y Así Tenemos Nuestro Mensaje de Alerta.
Lo Conseguimos en..Pazos Blogger
*Adsense Entrada 300x250
0 comentarios:
dejen sus comentarios tranquilos
no Spam, dejen su opinion sobre la entrada.
Si quieren Darnos una Entrada Para que la Pongamos Aqui
Estariamos Agradecidos, Si quieren dejar su enlace aqui para que lo agregemos en el blogroll lo agregaremos ;)