La mejor forma de hacer menus para tu blog

Enviado por Cristian Labarca el 13 jun, 2007 a las 8:56
Cristian Labarca

Como pudimos ver en ejemplos como el de Joaquín, Bligoo es muy versátil a la hora de diseñar y diagramar un sitio, esto porque todas las "piezas" del blog cuentan con un editor html en el que podemos poner prácticamente cualquier cosa, pero con algo de conocimiento.

Por eso una de las principales inquietudes para los que tenemos blogs es hacer un menu de navegación simple, que contenga links al formulario de contacto o a la típica página de "quien soy". Y para eso Bligoo nos simplifica la vida, ya que todos los templates (diseños) que trae bligoo cuentan con un menu entre su CSS.

Entonces, para que en nuestro blog aparezca un menú sólo tenemos que hacer lo siguiente...Entramos al modo Editar Blog, y presionamos el botón Editar Encabezado. Esto abrirá el típico editor de texto que vemos cuando escribimos un post, o editamos un blidget, en el tenemos que presionar el botón HTML (La imagen “http://mejora.bligoo.com/bligoo/ajax/tinymce/themes/advanced/images/code.gif” no puede mostrarse, porque contiene errores.), eso abrirá una nueva ventana con el código HTML de el encabezado.

En el editor HTML copiamos y pegamos el siguiente código:

<ul>
<li><a href=""#">Acá" va el link 1</a></li>
<li><a href=""#">Acá" va el link 2</a></li>
<li><a href=""/contactform">Contactame</a></li></ul>

Aplicamos los cambios, cerramos el editor y listo, ahora ya tenemos un lindo menú en nuestro blog. Los links que apuntan a # los tienen que reemplazar por páginas estáticas, esas páginas se hacen igual que un post, pero abajo en (más opciones) le ponemos el ticket en No desplegar en el blog (elige esta opción si deseas crear una página estática, la cual podrás vincular directamente). Con eso tendremos el link a nuestra página estática para vincularla en nuestro nuevo menú.

Y si el menú no les gusta, o prefieren un menú vertical dentro de un blidget, fácil. En Listamatic podemos ver una gran galería de menus verticales y horizontales, casa uno con su respectivo código html y código CSS que debemos reemplazar por el que ya tiene nuestro CSS. 

Justo lo que necesitaba

Enviado por el 13/06/2007 a las 11:37 AM
migue


Muchas gracias por la info, la vamos a probar ahora

Lo probe, pero tuve un pequeño problema

Enviado por el 13/06/2007 a las 12:01 PM
migue

No se como hacer que este menu no se superponga a la imagen.

¿me pueden ayudar?

Gracias 

www.ecologiadelsur.bligoo.com 


Hola migue

Enviado por el 13/06/2007 a las 12:40 PM
Cristian Labarca

Creo que llegué tarde, porque ya lo arreglaste :).

La solución es muy simple, hay que dar más alto al header. En tu CSS tienes que buscar lo siguiente.

#main-header-content {
    border: 0px;
    padding: 0px;
    margin: 0px;
    vertical-align:top;
    position: relative;
}

Y a ese darle más alto 

#main-header-content {
    border: 0px;
    padding: 0px;
    margin: 0px;
    vertical-align:top;
    position: relative;
    height:150px;
}

Y de paso te recomiendo que reemplaces lo que está más abajo por esto para que la imagen quede más pegada arriba.

#main-header-content p {
    margin:0px;
    padding:0px;
}

Saludos 


prove pero no me salio:S

Enviado por gustavo el 19/06/2007 a las 12:41 PM

hola mira loco yo probe pero me salio cualquiera sera porque mi blog esta echo en blogspot??

http://lossurtidores.blogspot.com/

 

gracias pasen chauu 


Sin duda deve ser eso.

Enviado por el 19/06/2007 a las 02:27 PM
Joaquin Souyris
Prueba con la pagina que dio huasonic. Listamatic esta muy buena.!

Redireccionar Nics a Bligoo

Enviado por el 23/06/2007 a las 11:01 AM
marcelo alvarez

Huasonic:

 

Buenos días,estoy migrando smis sitios y los de mis clientes a Bligoo, cómo hago para dirección los Nic a la plataforma?, cuáles son los dns?, hay que pagar a Bligoo?, tengo como 4 cambios que hacer, es urgente!!!.

 

Saludos

-----------------
Marcelo Alvarez B. Alvarez&Castelli Diseño Rancagua, Chile. Miembro de www.Chilepd.cl PORTAFOLIO: http://www.alvarezcastelli.cl E-MAIL: marcelo@alvarezcastelli.cl MESSENGER: marcelopower@hotmail.com

Hola Marcelo

Enviado por el 24/06/2007 a las 12:35 AM
Cristian Labarca

Si bien hay varios sitios de bligoo con dominio propio, ese es un servicio que será exclusivo para cuentas pro de bligoo, las cuales aún no están disponibles ni definidos los valores.

Paciencia, ya se viene.


Otra opción ...

Enviado por el 04/07/2007 a las 01:20 PM
Alvaro Portugal

yo tengo otra opcion para hacer lo mismo que dice Cristian... pero mas facil, sin necesidad de usar codigo HTML... se puede usar directamente la botonera superior:

1) Usar el boton de viñetas, que es el 6to de izquierda a derecha. Ahi uno coloca la viñeta y el texto, al apretar el ENTER se agregara una nueva viñeta y con ello agregaremos un nuevo texto. Lo veremos en forma vertical, uno debajo del otro, pero al desplegarlo se vera bien.

2) Cada uno de los textos debe ser un link a alguna parte, si no lo tienen no se hace el efecto deseado de menu.

eso seria..

saludos, 


no me resulto como yo quería...

Enviado por el 04/07/2007 a las 06:30 PM
MVARGASCELIS


Primero que todo, gracias por hacerme la vida más fácil....´

Solamente quede con dos grandes dudas.... por que el menú que me genera el blog, no es el que seleccione del  link  que  nos recomendaste....

Quedo anaranjado y verde..... y bueno no es el que yo quería........ Intente con varios y siempre fue lo mismo....

y la segunda duda es porque cuando coloco un color o imagen de fondo al encabezado se supuerpone al menu?¿??¿? 


espacio entre encabezado y cuerpo

Enviado por el 05/07/2007 a las 01:27 AM
Evelyn

hola

 

logre hacer un pequeó menu

http://evelyncitainblog.bligoo.com/

 

pero cuando puse el menu, entre el encabezado y el cuerpo me quedó un tremendo espacio.

como se puede arreglar ese detalle disminuyendo el espacio entre esas dos cosas?

 

gracias 

 

-----------------
Saludos... =)




pst Evelyn!

Enviado por el 05/07/2007 a las 11:16 AM
Axes
Prueba esto:
=============Busca esto=============== #main-header-content { background-image: url(http://img530.imageshack.us/img530/2051/19thoughtscopiasi9.png); border: 1px; padding: 83px; margin:5px; vertical-align:center; position:center; background-repeat: no-repeat; } ==================================== ===========Reemplaza por esto ============== #main-header-content { background-image: url(http://img530.imageshack.us/img530/2051/19thoughtscopiasi9.png); border: 1px; padding: 83px; margin:5px 5px -60px 5px; vertical-align:center; position:center; background-repeat: no-repeat; } ============================================
-----------------
Axes Gino M. Villablanca Arias axes4466[o]gmail.com

Graciassssssssssssssssssss

Enviado por el 05/07/2007 a las 12:01 PM
Evelyn

funciono impeque :D

 

te pasaste 

 

-----------------
Saludos... =)




Y ya que estamos en esa...

Enviado por el 05/07/2007 a las 12:50 PM
Axes
Otros detallitos Eve Darle un margen derecho al texto del contenido.
Busca esto========== .main-body-content .content { width: 440px; padding: 0 0 0 15px; margin-top: 0px; } Cambia esto============ .main-body-content .content { width: 440px; padding: 5px 15px 0px 15px; margin-top: 0px; }
Cambiar el encabezado H1 sobre el formulario
Busca esto======== .main-body-content form { width: 490px; } Reemplaza por esto==== .main-body-content form { width: 420px; }
Para cambiar el tamaño de la caja de texto para hacer comentarios.
Busca esto=========== .form-item textarea { width: 470px; } Cambia por esto====== .form-item textarea { width: 420px; }
-----------------
Axes Gino M. Villablanca Arias axes4466[o]gmail.com

gracias denuevooo

Enviado por el 05/07/2007 a las 12:58 PM
Evelyn

graciasss

 

mi blog va a quedar bello con estos nuevos arreglos =) 

 

-----------------
Saludos... =)




Quiero más tips...

Enviado por el 06/07/2007 a las 11:35 PM
Cristian Sepúlveda - Meeting.cl - ;)

 

Hey huasonic, te propongo hacer un seminario web via meeting.cl  donde nos des estos tips en vivo y en directo....que harta falta que nos hacen...te parece?

 -----------------

Cristian Sepúlveda.

Te invito a visitar y comentar mis blogs:
http://www.osaka.cl
http://raido.wordpress.com

(56 9) 345 63 64.



Hola Cristian

Enviado por el 08/07/2007 a las 11:26 PM
Cristian Labarca

Es una excelente idea, podríamos hacer algo como lo que hacía mi amigo Francotirador.

Saludos 


exacticly...

Enviado por el 09/07/2007 a las 12:49 AM
Cristian Sepúlveda - Meeting.cl - ;)

Asi que anda poniendole fecha y preparando los slides... ;)

Ya estamos casi listos con el soporte de firefox en windows y cada dia mas cerca de dar soporte a Linux, para que la audiencia no reclame...

-----------------

Cristian Sepúlveda.

Te invito a visitar y comentar mis blogs:
http://www.osaka.cl
http://raido.wordpress.com

(56 9) 345 63 64.



vuelvo con otra duda!!1

Enviado por el 07/07/2007 a las 11:18 AM
MVARGASCELIS

 

hola, esta vez es con las paginas estáticas...... como bien explicas, hay que dar la propiedad No desplegar en el blog (elige esta opción si deseas crear una página estática, la cual podrás vincular directamente)  y he probado de dos maneras...... la primera hice un articulo con esta propiedades y me genero la url sin problemas (hasta ahí tenia un articulo estático) ,pero no me servia de mucho ya era solo un articulo.. "no una pagina donde pudiera colocar varios artículos"... intente dejarlo en blanco...... y publicar...jajjaja creo que no es así y la alerta me dijo sutilmente "no puedes dejarlo en blanco....

 

¿?¿?entonces como genero esa pagina para tener varios artículos con la misma url para vincular con el menu¿?¿?¿ 

 

¡¡se los agradece el blog TRICICLO!!!


Miguel

Enviado por el 08/07/2007 a las 11:27 PM
Cristian Labarca

Lo que dices no se puede, o sea si pero no :D.

Si lo que necesitas es tener una página con varios post, entonces usa los tags.

A cada post que quiers agrupar le das la opción de no desplegar en el blog, y el mismo tag.

Así vas a http://tublog.bligoo.com/tag/tutag y tendrás esa página que quieres.

Saludos! 


infinitas gracias!!!!!!!!!!!!!!.....

Enviado por el 09/07/2007 a las 12:47 PM
MVARGASCELIS

 

Muchas gracias HUASONIC me has hecho ahorrar 1 año de búsqueda, pruebas y errores.... 

Te lo agradece  TRICICLO y MIGUEMIGRA… que son los blog de los que participo..


pregunta

Enviado por el 13/07/2007 a las 09:29 PM
Jose Pinto Mendez
Hola Huasonic, tengo una duda, me preguntaba si con las planillas de iweb (mac), se puede modificar bligoo?

Hola José

Enviado por el 17/07/2007 a las 09:53 AM
Cristian Labarca

La verdad es que nunca he ocupado iWeb, pero ninguna plantilla de iWeb te va a servir por defecto para Bligoo.

Es necesario adaptar las plantillas, ya sea de Worpdress, de Blogger o de un programa como iWeb.

Saludos! 


ayuda

Enviado por TILIN LOPEZ CASTE el 15/08/2007 a las 11:36 PM




me gustaria agregar un lugar donde la gente deje sus saludos, y se vayan reciclandp poco a poco segun el numero de estos, esto lo quiero colocar en mi pagina web, ya que me interesan los comentarios de la gente, espero me ayudes con los codigos html para lka realizacion de esto, pues llevo  varios dias y no encuentro la forma.

 

un formato de lo pensado es lo siguiente:

un espacio donde la gente anote su nick o nombre, otro donde escribe el mensaje y un boton de enviar, instantaneamente que se coloque este texto en mi pagina y asi todos pueden var los comentarios en un area establecida para este fin.

 

 

espero me puedas ayudar, de antemano gracias   tilin


solo una ayuda...

Enviado por el 28/09/2007 a las 02:17 PM
Carlos  Fernandois Olivares

Como achico las fotografías, deseo instalar fotos a tamaño menor y no como me aparecen en mi blog.

Gracias por el menu

Enviado por Xavier el 27/11/2007 a las 06:58 PM
Tu explicación me permitió mejorar el blog, y asi lograr una mejor navegación por parte de mis alumnos, lo que permite una mejor labor educativa

gracias

Enviado por miguel el 27/05/2008 a las 03:24 PM

gracias amigo me salio perfecto pasesen por mi blog http://somostuyyolosteques.blogspot.com/

 


menus interactivos

Enviado por axel el 08/08/2008 a las 08:12 PM
hola a todos aca les pongo un menu interactivo ,,,los hay de muchos modelos ,,clikeen en mi pagina http://axel5681.googlepages.com/marcelo ,y alli esta, tambien esta como poner un reproductor de windows media player (sin propaganda), grasias atte: axel otras paginas mias : www.myspace.com/axel5681 ,,espero sus comentarios en axel5681@gmail.com ah y si quieren pongan en google la palabra : axel5681 y encontraran todos mis blog (son como unos 135) saludos.






Suscribirse a los comentarios de este artículo en RSS