jueves, 15 de diciembre de 2016

Personalizar Menú Horizontal con Buscador Integrado en Blogger

Personalizar Menú Horizontal con Buscador Integrado en Blogger. Buenas noches amigos y seguidores del blog, seguimos ésta vez con nuestro cuarto paso para crear un blog gratuito y en éste artículo les quiero enseñar a personalizar nuestro menú horizontal el cual dejamos instalado en el paso anterior. Realizaremos diferentes cosillas para que sepan como editarlo al 100% y así puedan personalizar su menú de la forma que ustedes
deseen que es lo importante. Bueno amigos, sin más que decir comencemos !! 😎

Nota: Para colocar cualquier tipo de color es importante ponerlos en formato HTML. Tranquilos ya que sin van a ésta página pueden encontrar diferentes colores y los formatos correspondientes. 😉

Lo que vamos a realizar será lo siguiente:

Editar los colores de fondo del menú horizontal, eso incluye pestañas normales, subpestañas, fuentes, etc. Este paso lo explicaré en el vídeo tutorial que les dejo más abajo ya que explicarlo de manera escrita sería un dolor de cabeza. 😜

Lo siguiente que les enseñaré será a agregar pestañas a nuestro menú ya sean simples con submenú o que los submenú tengan otra pestaña añadida.


Si queremos agregar una pestaña simple entonces debemos colocar una línea como ésta:

<li class='top'><a class='top_link' href='URL'><span>Pestaña 1</span></a></li>


Para agregar una pestaña con subpestaña entonces agrega ésto:

<li class='top'><a class='top_link' href='URL'><span class='down'>Pestaña 1</span></a>
<ul class='sub'>
<li><a href='URL'>Pestaña 1.1</a></li>
</ul>
</li>


Si quieres que una de las subpestañas tenga otra subpestaña, entonces agrega esto:

<li class='top'><a class='top_link' href='URL'><span class='down'>Pestaña 1</span></a>
<ul class='sub'>
<li><a href="URL" class="fly">Pestaña 1.1</a>
<ul>
<li><a href="URL">Pestaña 1.1.1</a></li>
</ul>
</li>
</ul>
</li>




Personalizar Menú Horizontal con Buscador Integrado en Blogger "Vídeo"





¿Qué te ha parecido éste artículo?. Me encantaría saber tu opinión y para eso tienes la sección de comentarios un poco más abajo para que te expreses siempre en el margen del respeto y así poder dejar un comentario positivo como tambien uno negativo en el cual podamos debatirlo de forma amigable. Saludos amigos y a seguir ganando dinero por internet !!  😉


Puedes Seguirme en





Personalizar Menú Horizontal con Buscador Integrado en Blogger 

Cualquier duda que tengas, puedes dejarla en los comentarios y en cuanto la vea te respondo.

¡¡No te olvides de revisar el Ranking Top 10 donde se encuentran las mejores páginas para ganar dinero por internet!!


13 comentarios:

  1. Hola,gracias nuevamente. Me costo algo hacer editar el menú horizontal pero aquí dejo como he avanzado. http://salariogratisonline.blogspot.com/ Me gustaría saber como puedo colocar mas grandes o en negritas las letras del submenu. Lo otro como coloco algunos efectos a las letras e iconos. Si puedes explicarlos en los siguientes vídeos estaré agradecido.

    ResponderEliminar
  2. Hola. disculpa no tendras un tutorial de como hacer la personalizacion mas precisa? es que no puedo hacerlo como yo quiero. quiero es poner un menu con muchos submenu y que yo elija el que tiene que tener una subpestaña. no se si me entenderas. y si no me entiendes. lo que quiero hacer es asi como tu tienes en "ver anuncios"..!. :'(

    ResponderEliminar
    Respuestas
    1. Pues no tengo otro tutorial amigo, pero es cosa de ver bien los pasos y después lo puedes modificar como quieras. Al principio igual me costaba pero entendiendo bien los códigos ya puedes comenzar a jugar con ellos. Saludos.

      Eliminar
  3. hola me gustaria que me dijeras como hacer para que despues del menu que tiene otro submenu pener antes del otro que tiene submenu uno normal ya que al ponerlo el otro se mete dentro del submenu y si lo pongo despues del que tiene submenu se sale de la entrada original

    ResponderEliminar
    Respuestas
    1. No entiendo muy bien tu pregunta, pero arriba dejo los códigos dependiendo de lo que quieras hacer.

      Eliminar
  4. Buenas noches me funciono de maravilla, pero cuando trato de agregar una pestaña con subpestaña de 4, al momento de darle a la pestaña 4 se me sale del menú porque sera?

    ResponderEliminar
    Respuestas
    1. Hola buenas, pues la verdad no sabría decirte el porque. Si gustas puedes contactarme por facebook para poder ayudarte de mejor manera. Un saludo.

      Eliminar
    2. me podría indicar por favor como le puedo decir al menú horizontal que se amplié un poco hacia la izquierda width:103%; /* Ancho del menú */ esta perfecto pero necesito que se amplié un poco mas hacia la izquierda

      dentro del menú horizontal como puedo dar menos espacios a los textos

      le quedaría muy agradeció, estoy siguiendo sus tutoriales POR CIERTO GENERIAL, pero tengo esas dos dudas

      gracias por su generosidad le quedaría muy agradecido

      Eliminar
    3. Hola Antonio, siendo sincero no recuerdo bien como realiar esos pasos que me indicas, tendria que ir metiendo mano nuevamente a los códigos html para saber como hacerlo pero no tengo el tiempo para eso. Solo recuerdo que en el código del menú es donde se hace pero tendrias que cambiando valores por partes para saber donde es. Igual si tengo un tiempo intenraré revisar este tema. Un saludo.

      Eliminar
  5. Buenas noches, tengo un problema cuando cambio los colores de la barra siguen apareciendo del mismo color...

    ResponderEliminar
    Respuestas
    1. Pues no sé cual será el problema amigo =(

      Eliminar
  6. Hola amigo, cuando quiero un crear un menu con submenus con el codigo que pasas y lo duplico como explicas exactamente, pero solo me permite hasta 3 submenus, y luego si quiero seleccionar otras pestañas o submenus, se me cierra la lista como si no estuvieran disponibles. Osea se ven las nuevas pestañas que agrego pero no puedo seleccionarlas xq se va la lista...

    ResponderEliminar
    Respuestas
    1. Pues si realizas todo lo que indico, no se cual será el problema amigo =(

      Eliminar