Menú de 3 columnas

Hoy dejo el código de un menú sencillo que diseñé para mi blog, y la verdad no quisiera perder el código. La memoria es frágil 😅💧 Así que dejo el ejemplo, código HTML y los datos a modificar.

Enlace 1 Enlace 2 Enlace 3 Enlace 4 Enlace 5 Enlace 6 Enlace 7 Enlace 8 Enlace 9

Primer Código

1. Desde la opción Tema de Blogger, clic en el botón  Personalizar 
2. Clic en Opciones avanzadas y buscamos Agregar CSS.
3. Copia y pega el siguiente código. Clic en  Aplicar al blog 

/* Kumanu Tags ----------------------------------------------- */ .kumanubica { text-align: center; position: relative; height: 150px; width: 340px; } a.kumanu { color: #535353; /*Color texto*/ font-size: 70%; text-align: center; text-transform: uppercase; background: #83e3f4; /*Color menú*/ width: 83px; height: 16px; float: left; padding: 2px 5px 2px 5px; margin-left: 3px; margin-bottom: 3px; } a.kumanu:hover { background: #2a1c36; */Color menú al pasar cursor*/ color: #fff; /*Color texto al pasar cursor*/ width: 73px; border-left: 10px #d9beec solid; /*color rectángulo*/ -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }

Segundo Código

1. Ahora desde la opción Diseño de Blogger, clic en + Agregar un gadget
2. Elige HTML/JavaScript 
3. Copia y pega el siguiente código. Clic en  Guardar 

<div class="kumanubica"> <a class="kumanu" href="#">Enlace 1</a> <a class="kumanu" href="#">Enlace 2</a> <a class="kumanu" href="#">Enlace 3</a> <a class="kumanu" href="#">Enlace 4</a> <a class="kumanu" href="#">Enlace 5</a> <a class="kumanu" href="#">Enlace 6</a> <a class="kumanu" href="#">Enlace 7</a> <a class="kumanu" href="#">Enlace 8</a> <a class="kumanu" href="#">Enlace 9</a> </div>

Datos Modifiafles:

• Sólo queda colocar los enlaces en donde está el símbolo de numeración (#), cambiar Enlace 1, 2, 3 (etc) por el nombre a mostrar.
• Sí deseas agregar más enlaces, antes de </div> debes pegar  <a class="kumanu" href="#">Enlace</a>