Es muy frecuente que una vez que ya estamos más interiorizados en los códigos html y la plataforma blogger, que nos surja la necesidad de mejorar el diseño y darle un aspecto más profesional al Blog ¿No? Esto hace que la salida más rápida sea la de instalar una plantilla prediseñada que desde mi punto de vista es una excelente idea, pero luego hay que trabajarla para que todo quede funcionando a la perfección.
Una de las preguntas que me hacía Gabriel de Sat - Darshanam era ¿Como tenía que hacer para poder editar el Menú horizontal de la Plantilla Prediseñada que había instalado? Asique de paso aprobecho para prepararles este tutorial y sacarle la duda a varios.
Como siempre lo acosenjo, antes de realizar algún cambio en nuestra plantilla, guardemos una copia de seguridad por si algo no sale de acuerdo a lo planeado.
Casi todas las plantillas prediseñadas se componen de la misma manera, asique me parece que el ejemplo ideal para explicarles sería utilizando mi menú y que a su vez vean los códigos.
Como pueden observar mi Menú Horizontal se compone por:
- Inicio (Sería como el HOME de las plantillas)
- Sobre Mi
- Blogger Invitado
- Etc.
Ahora supongamos que queremos cambiar donde dice Sobre Mi por el título de Objetivo, y a su vez agregarle un enlace, lo que debemos hacer es lo siguiente:
[1] Nos dirigimos a Diseño | Edición de HTML, con los artilugios expandidos y la ayuda de CTRL + F lozalizamos la palabra Sobre Mi, debería salirte algo más a menos así:
<ul id='nav'>
<li class='current_page_item'><a href='/' title='Home'>Inicio</a></li>
<li class='page_item'><a href='http://loglobalizo.blogspot.com/p/sobre-mi.html' title='Sobre Mi'>Sobre Mi</a></li>
........
........
........
<li class='page_item'><a href='http://loglobalizo.blogspot.com/p/contacto-al-administrador.html' title='Contacto'>Contacto</a></li>
</ul>
[2] Ahora solamente modificamos lo que está en color rojo.
- Sobre Mi: Es el título que figurará en tu menú horizontal.
- http://loglobalizo.blogspot.com/p/sobre-mi.html: Es la dirección URL a la que se redireccionará la persona que haga clic en "Sobre Mi".
[3] Realiza una "Vista Previa" y si todo salió bien Guarda los cambios y listo.
La siguiente alcaración que hago es para que comprendas como se compone un menú en HTML.
El esquemas es más o menos el siguiente:
<ul>
<li><a href='Aqui va la URL a direccionar' title='Nombre del Título1'>1er Nombre que aparecerá en el Menú Horizontal</a></li>
<li><a href='Aqui va la URL a direccionar' title='Nombre del Título2'>2do Nombre que aparecerá en el Menú Horizontal</a></li>
<li><a href='Aqui va la URL a direccionar' title='Nombre del Título3'>3er Nombre que aparecerá en el Menú Horizontal</a></li>
......
......
</ul>
Puedes agregar la cantidad de Títulos que quieras en tu menú siempre y cuando conserves el esquema anteriormente mencionado.
