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.


¿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.

  • Compartelo:

Posts que te pueden interesar

0 comentarios ♥