Crea tu propio mensaje de bienvenida en Blogger

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 kawaii. ¿Comenzamos?

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

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?

♥