Decora tu blog con una caja de mensaje de bienvenida | Tutorial Blogger
Por Marie - agosto 17, 2019
Hola♥
Otra vez con un nuevo tutorial muy fácil y rápido.
Otra vez con un nuevo tutorial muy fácil y rápido.
¿Como añadir un cuadro de bienvenida? pues es muy fácil y lo editaremos de una forma bonita y simple. ¿Comenzamos?
Paso 1
Primero nos iremos a Diseño → Añadir HTML/Javascript → Copiamos y pegamos:
<div class="welcome"><br />Texto o mensaje aquí <a href="mailto: tudirecciondemail@hotmail.com">mail</a>, o <a href="http://ask.fm/tuask">Ask</a> texto aquí<br /></div>
Indicaciones:
Violeta: Mensaje o texto
Rosa: Dirección de tu red social, título.
Nota: Si deseas añadir mas redes sociales solo copia lo siguiente y pegarlo justo antes de </div>
<a href="Link de tu red social">Nombre de tu red social</a>
Nota 2: Deben añadirle título al gadget ejemplo: Bienvenida.
Paso 2
Segundo, vamos a Plantilla → Editar HTML → CTRL + F → Buscamos el título que le añadimos al gadget, por ejemplo, Bienvenida → Copiamos lo siguiente y lo pegamos justo al lado del [ > ] <b:includable id='main'> .
<style type='text/css'>
.welcome {
background: #F1E0FF; /* Color del fondo */
border: 1.5px dotted #C78EFC; /* tamaño, color y tipo del borde*/
border-radius: 0 1px 12px 10px; /* Medidas de las esquinas redondeadas*/
margin: 6px; /* Espaciado del bloque*/
padding: 8px; /* espaciado entre el contenido y el bloque*/
color: #40364B; /* Color del texto*/
font-family: Cambria; /* Tipografía */
font-size: 15px; /* Tamaño de la tipografía*/
text-align: justify; /* Estilo del texto */
}
</style>
Nos quedaría de esta forma:
Ahora solo resta dar vista previa y guardamos nuestra plantilla.
♥ ♥ ♥
¿Te ha funcionado?
—Marie xo.
0 comentarios ♥