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.
Si has encontrado útil este artículo puedes compartirlo desde tu blog, página Web o foro.
6 comentarios:
Fran querido! no se de cuando es esta entrada pero justo trabaje hoy sobre los menuesy submenues en una nueva plantilla que instale. Esta todo en etapa beta, pero funciona. La verdad te admiro por lo que sabes de codigos hermano, yo me volvi loco toda la mañana! Te mando un abrazo grande y metele a LoGlobalizo!
Muy buen articulo, conoces la Superfish - Plugins - jQuery podrias integrarla facilmente, muy bueno el blog y gracias ya soy tu fan!!
http://www.facebook.com/disenowebrogersoto
y si yo quiero borrar el menu se puede por que borre unos cofigos y me da error y tengo que instalar la plantilla otra vez :/
DcCheters, lo recomendable sería que si tienes guardada la ultima plantilla, la vuelvas a instalar y pruebes los pasos nuevamente, asegurándote no borrar codigos de más.
Prueba y cualquier cosas me avisas.
Saludos y gracias por tu visita.
Una forma más rápida de modificar la plantilla de cualquier cms es en la carpeta de plantillas (templates), te ahorra tiempo y dolores de cabeza.
Muchas gracias, muy útil!
Publicar un comentario
Gracias por tus comentarios. Si tienes una consulta sobre tu blog deja tu nombre y la dirección del mismo.