RSS
  • Inicio
  • Sobre Mi
  • Blogger Invitado
  • Suscribirse a Lo Globalizo
  • Contacto

Editar el Menú de una Plantilla Prediseñada

by Francisco | 6 comentarios
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".
Nota: Normalmente en una plantilla prediseñada nueva aparece un "#" en lugar de una URL. 

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





Menús, Plantilla


6 comentarios:

Federico Ferreiro dijo...

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!

6 de noviembre de 2011, 11:34
Roger dijo...

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

29 de diciembre de 2011, 11:49
Administrador dijo...

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 :/

13 de febrero de 2012, 3:20
Francisco dijo...

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.

13 de febrero de 2012, 21:29
SOLTRONICA dijo...

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.

19 de diciembre de 2012, 12:32
VAB dijo...

Muchas gracias, muy útil!

14 de abril de 2014, 7:11

Publicar un comentario

Gracias por tus comentarios. Si tienes una consulta sobre tu blog deja tu nombre y la dirección del mismo.

MANUAL BLOGGER BETA 2011 GRATIS!!

SEGUIDORES

TODO TRUCOS

Trucos Facebook Trucos Gmail Trucos Google Trucos Microsoft Office Trucos Technorati Trucos Twitter Trucos Windows Trucos Youtube

DIRECTORIO

Adsense Alojamiento / Hosting Comentarios Consejos Dinero en Internet. Diseño Enlaces/Links Entradas Etiquetas Feedburner/RSS Flash Gadgets HTML Iconos Sociales Imágenes Información General JavaScript Menús Navidad Plantilla Premios Programas Páginas Estáticas SEO/Posicionamiento Tecnología Temas Básicos Utilidades Blogger

SEGUINOS EN FACEBOOK

Blogs Recomendados

  • Descargo a Full
    Manual De Evaluacion De Impacto Ambiental Larry W. Canter
    Hace 7 años
  • Federico 2.0
Copyright © 2010 Lo Globalizo | Acerca de | Política de Privacidad | Contacto Blogger Credits For