39

Banderas de traducción en el menú

Me preguntan en un comentario:

Tengo en el blog un menú como el que tienes en la parte superior de tu blog, y querría poner unas banderitas para traducir el blog. ¿Podrías decirme como hacer para incluirlas en el menú?


Banderas de traducción


Cualquier menú tendrá una estructura parecida a esta:
<div id="tabsmenu">
<ul>
<li><a href="#"><span>INICIO</span>
</a></li>
<li><a href="mailto:direccion email"><span>CONTACTO</span></a></li>
<li><a href="http://www.blogger.com/"><span>BLOGGER</span></a></li>
<li><a href="http://www.google.es"><span>GOOGLE</span></a></li>
<li><a href="http://elescaparatederosa.blogspot.com/"><span>EL ESCAPARATE</span></a></li>
</ul>
</div>

Como véis en el ejemplo, en este caso es una lista colocada dentro de un <div> así que, como cualquier lista, comienza con la etiqueta <ul> termina con la etiqueta de cierre </ul> y dentro de estas se incluyen los "item" o enlaces del menú, que comienzan con la etiqueta <li> y terminan con la correspondiente etiqueta de cierre </li>.

Para colocar cualquier otro "item" o pestaña nueva en el menú, tendríamos que hacerlo colocando el código correspondiente entre <ul> y </ul>, en el caso de las banderitas de traducción, lo haremos justo antes del cierre (</ul>):
<div id="tabsmenu">
<ul>
<li><a href="#"><span>INICIO</span>
</a></li>
<li><a href="mailto:direccion email"><span>CONTACTO</span></a></li>
<li><a href="http://www.blogger.com/"><span>BLOGGER</span></a></li>
<li><a href="http://www.google.es"><span>GOOGLE</span></a></li>
<li><a href="http://elescaparatederosa.blogspot.com/"><span>EL ESCAPARATE</span></a></li>
<li><a href="URL_DEL_BLOG_TRADUCIDO_A_INGLES">
<img alt="Translate to English" src="URL_DE_IMAGEN_BANDERA_INGLESA" title="Translate to English"/></a><a href="URL_DEL_BLOG_TRADUCIDO_A_POTUGUES"><img alt="Traduzir para o Português" src="URL_DE_IMAGEN_BANDERA_PORTUGUESA" title="Traduzir para o Português"/></a></li>

</ul>
</div>

Procuraremos no usar unas imágenes demasiado grandes para las banderitas o el menú podría desconfigurarse...

Para hacer la traducción del blog, usaremos el servicio de traducción de Google, para ello colocamos la url de nuestro blog allí y una vez traducido al idioma que necesitamos, copiamos la url del navegador y la colocamos en el código donde dice URL_DEL_BLOG_TRADUCIDO_A... el idioma que sea.

Como la url resultante en Google es "enorme" podemos hacer uso de una página online para acortar direcciones como notlong o url(x) entre otras.

También puedes hacerlo desde aquí mismo a través de este pequeño formulario que usa el servicio de TinyURL

Ingresa la URL completa a acortar :

Entradas Relacionadas:

39 comentarios:


Theemilio_crazy

Gracias por esta entrada rosa, jeje y ya Jmier me ayudo con el problema ya todo anda bien, muchas gracias :D

YoSolo

Rosa : Leiste Bloger Buzz? Que quieren decir porque no entendi ni jota. Que es FTP??
Lo lei ayer y no entendi demasiado. Me explicas?
Gracias.

Ah, disculpa que no tenga nada que ver con el tema de la entrada pero tenia esa duda.Saludos.

ANRAFERA

Interesante entrada. Gracias Rosa. Saludos.

Dark David

muy buena la explicacion, rosa tengo una duda: ¿tienes idea de como poner publicidad de adsense en cada post de los blog de blogger? este es un ejemplo de lo que te digo: http://www.seriesyonline.co.cc/2010/01/mentalist.html pero mi plantilla no es de esa mi plantilla es esta http://www.adictosenlinea.com/ y creo que el codigo va diferente, si ya tienes el truco en el blog por favor te agradezco si me lo puedes pasar si no un explicacion caeria bien

Anónimo

Theemilio_crazy Si lo leí allí... y por cierto, te dijo lo mismo que yo... el problema era uno de los contadores...

Anónimo

GusResumido...
"FTP es el método de publicación mediante el cual Blogger transfiere los archivos de su blog a servidores remotos, por lo que sólo deberá conocerlo si publica contenido en su propio sitio web. Si utiliza nuestro alojamiento gratuito BlogSpot, la publicación del contenido se realizará automáticamente y no deberá preocuparse de nada."

Es para quien tiene dominio propio (.com, .es, etc.) pero sigue usando el panel de Blogger para publicar en su blog...

Anónimo

Dark David Mira en esta entrada de Blog and Web:
http://blogandweb.com/adsense/blogger-adsense/

۞ Toyor Al Janna ۞

Hola Rosa!
te envie un email con una duda q tengo.

muchas gracias!

Luis Kasanova

A me al principio me daba error cuando lo implementé... me aparecía que no se cerraron bien las etiquetas o algo así... y supose que era lo del < img > al final de eso coloqué /img y se solucionó... pude guardar sin problemas y funciona a la perfección.

No sé si en esa parte del código que pusiste en el artículo hace falta también añadir la terminación de la imagen.

Gracias por esto... lo andaba buscando hace tiempo :)

Saludos!

Anónimo

Bilosony2™ Estoy preparando precisamente una próxima entrada sobre eso...
Y perdona... he eliminado tu comentario pues no permito enlaces directos en ellos, lo siento.

Adrián Bórquez

Rosa ayudame tengo un problema con mi blog, no se ven las entradas, http://santosguerreros1983.blogspot.com

Lo unico que hice, fue ponerle el rating de las entradas, (las de las estrellitas) y lo quite para revertir el problema, tambien modifique el formato de fecha, pero nada en codigos HTML, lo unico que hice en HTML fue lo de texto con imagen en miniaturas. Eso lo saque de tu blog, pero ya lo habia hecho en ocasiones anteriores, crei haer borrado lo de ... , pero no ahi sigue. No se lo que le pasa al blog. Espero tu ayuda. Mil Gracias

Anónimo

Luis Kasanova Sii, gracias, se me había olvidado la barrita de cierre / al final de la imagen... que hace la misma función que el </img>

Anónimo

Adrián Bórquez Te has "cargado" algo del código para incluir los resúmenes de entrada...sigue de nuevo el procedimiento para hacerlo y recupera lo que falte...

Adrián Bórquez

Rosa, ya lo arreglé!

Bilosony2™

Esta bien:) la estare esperando anciosamente ala entrada.. pues alo del comentario me paso por no leer jeje suerte!!!;)

Unknown

Hola Rosi! cómo estás :D

Pasando a saludarte y desearte muy buena semana...estamos preparando bolsitas que contienen aire cálido sobrante por estas tierras, para aclimatar el frio de allá ;)

Besos!

Anónimo

Hola Rosaa!

Tengoo una duda y necesito de tu sabia ayuda,
tataré de explicarme lo mejor posible.

¿Existe alguna manera de poder responder los comentarios que hacen las personas en mi blog?
digamos tipo reply, que cuando comentan yo le pueda picar en "contestar" o responder o algo así, y que solo responda esa pregunta o coment que me hicieron, vaya para no revolver a los demas y que tenga como un segumiento.

he estado buscando pero no encuentro forma :(

porfavoor ayuudame!!
te lo agradecería demasiado.

Anónimo

Graciela Ay corazón! Ojalá eso fuese posible...andamos con un frío que pela por aquí...:S

¡Besos!

Anónimo

GuMixieC En Blogger lo único que puede hacerse es seguir los comentarios desde el email y contestarlos desde ahí:
http://elescaparatederosa.blogspot.com/2008/04/tres-opciones-muy-utiles-de.html

marco

Hola Rosa, no hace mucho añadí lo de las paginas estaticas que no hace mucho explicaste en mi Blog, pero me gustaria incluir estas banderas a el, supongo q no se puede, asi q estuve revisando los articulos d tu blog q incluyen menues pero no halle uno como el q tu tiens y q incluye la bandera, como puedo hacer?

Besos, gracias x tu tiempo.


Marco

Chesana

Rosa, una pregunta que no viene a cuenta de tu post, pero que me trae un poco loca: por qué cuando se pone un "Mapa del sitio" en el blog, no aparecen todas las entradas?. Me di cuenta en mi blog, pero es que también veo lo mismo en el tuyo. En tu "Ver todas las entradas", y si comparas con tus "Etiquetas", faltan; ejemplo: en la categoría "Blogger" tienes 76 post y en cambio en el mapa sólo aparecen 71. Y hay muchas más categorías igual.

Hay solución?.

Sanchete

Necesito alguien para crear un diseño personalizado para blogspot. El trabajo es muy sencillito y lo pago muy bien, interesados dejad un comentario en mi blog!

Anónimo

marco En cualquier menú puede incluirse las banderas tal como explico en esta entrada...

Anónimo

Chesana Si, lo he notado hace tiempo... el gadget lee los feeds del blog para funcionar, así que no hay más que dos opciones... o es fallo del gadget al leerlos o es fallo de Blogger al repartir los feeds...

Anónimo

Tengo un pequeño problema, aunque no tiene que ver con esta entrada. Le he puesto al outer-wrapper un color distinto al fondo, pero al abrir el blog, me encuentro con que en la parte superior se ve una línea del fondo (vamos, que el outer-wrapper no cubre todo el alto de la pantalla). Lo raro es que sólo me pasa a veces (en ocasiones sí se ve como debería), y no sé cómo solucionarlo. He dejado a cero el padding del outer-wrapper y nada.

¿Sabes a qué puede ser debido y si tiene solución?

Se aprende mucho con tu blog. Gracias.

Anónimo

Dani Yo si lo veo correcto, de hecho el outer-wrapper si llega arriba... quizás sea a veces por la conexión, que este cargue más lento o se quede a medias, aunque es raro que sea arriba...

Anónimo

Como decía, en ocasiones sí se ve bien, no sé... Quizá sí sea de la conexión, de hecho, al cargar siempre se ve bien, pero al terminar de cargar, el outer-wrapper a veces se desplaza como medio centímetro hacia abajo y deja esa línea arriba, y otras veces se queda en su sitio...

Gracias por las molestias, de todos modos ;)

Anónimo

Hola, que tal, primero comentarte que no tengo ni idea de html,css etc, estoy aprendiendo a hostias como dicen en el pueblo, ensayo-error, y acabo desmoralizao totalmente. Uno de los problemas que tengo es que me he bajado una plantilla de blogger que se llama voip, por que tenia pestañas, pero no consigo introducir el texto en las pestañas, pero si los tipicos titulos. Inici,Galeria, etc y algun enlace, pero yo quisiera editar nuevas entradas y que se viese en la pestaña que yo quisiera, seria un paso muy importante para mi, el tema es que quiro que el blog se parezca poco a blog y mucho a pagina web mas o menos profesional, con cara y ojos como se suele decir.
Soy el secretario un club de cazadores, pero de la modalidad de cetreria, y necesitamos pagina web, ya que es una manera rapida de notificar cosas a los socios que van aumentando poco a poco. Gracias de antemano por tu tiempo. La pagina por si quieres verla es www.clubfalconersdeponent.blogspot.com/. y mi correo personal es cryaseatos@hotmail.com, o luismiguelmartinmartin@gmail.com.

Att. Lluis Martin(Lleida)

Anónimo

Lluis Martin A hostias es como aprendí yo, ya ves...

Mira en esta entrada a ver si te aclara algo el tema:
http://elescaparatederosa.blogspot.com/2009/09/como-anadir-los-enlaces-en-un-menu.html

marco

Graxs Rosa!!! qdo pleno!!!

Besos.

Nena/VioletaCentaúro6260

Hola Rosa
Muchisimas gracias por la infomacion me ayudo bastante.

Marlowe

Buenos días Rosa. Quiero comentarte algo curioso y es que en formato tengo configuradas para que se vean 32 entradas pero solo se ven 13 y no sé a qué puede deberse. Un saludo.

El blog es: http://jcastguer.blogspot.com/

Anónimo

Peter Pank Veo en tu blog que dejas Blogger... así que nada entonces necesitas... de todos modos 32 es una barbaridad para la carga del blog:S

Marlowe

Hombre es un cabreo que he cogido hoy. Si te das cuenta puse el script que acosejas para acortar los post. Si hay alguna solución seguiria publicando, pues ya resolví el asunto de la innamobilidad de los bridget(lo consegui entrando a blogger con el Opera). Anda dime algo a ver si se arregla esto. Un saludo.

Anónimo

Peter Pank Acabo de publicar algo al repecto... y no hay arreglo de moemento pues es producido por unas pruebas de Blogger... mira la entrada que te digo que acabo de subir...

Anónimo

Hola Rasa.
Tengo una duda...
Dónde se pone el código para las banderitas???
Gracias.

Rosa

pruebasExactamente donde explico en la entrada... ¿no has leído?

Eugenio

Buenos días, he estado leyendo varios post de tu blog y primero felicitarte por tu gran trabajo no es de mucha ayuda. Estoy creando un blog y he intentado ponner la flecha deslizante para subir al inicio de la página, he seguido los pasos pero no me funciona, pincho en la imagen "la casita" y no sucede nada, he leido comentarios de que quizá no funcione porque mi blog no sea una plantilla tradicional de blogger. ¿cómo puedo solucionarlo? Te agradecería que me echaras una mano.

Por otro lado he pueto el rss y estaría interesado en poner artículos de otros blog o web en mi blog. ¿cómo puedo hacerlo? he visto blog que lo hacen pero no se cómo.

mi blog es:
http://conocejerez.blogspot.com/

Gracias por tu ayuda

Anónimo

EugenioEsta entrada no tiene nada que ver con lo que preguntas... acostumbra dejar tus comentarios en la entrada correspondiente o que más se aproxime a tu consulta... eso beneficia a todos.

En lo de la "casita" has colocado ahí "tabs"... eso no es adecuado ya que no es parte del Diseño interno, sino de un menú añadido... cámbialo por header por ejemplo.

En cuanto a poner cosas de otros blogs, usa un gadget de los que Blogger te ofrece... la Lista de blogs por ejemplo...

Publicar un comentario

Si vas a dejar una consulta, procura tener habilitado tu perfil en Blogger o deja la url del blog a revisar (no enlace).

Los comentarios están siendo moderados.

:) :(( :( :P :D :$ ;) :I :X :O |O :S