Estoy tratando de resolver el problema con las publicaciones en dos idiomas.
Este es el tutorial que Luciano me mandó:
Es fácil. Te explico cómo hacer para que las funciones de JavaScript te queden en la plantilla de tu blog, así las podés usar en todas tus entradas.
En el panel de control de Blogger vas a Diseño -> Edición de HTML y en el cuadro de texto que te abre con el texto de tu plantilla ingresás el siguiente código javascript entre las etiquetas
La primera función muestra un div y la segunda oculta un div. Para saber con qué div trabajar la función necesitas que le pases como parámetro el ID del mismo.
Una vez que insertás ése código y guardas los cambios podés crear una entrada en la que vamos a necesitar 4 cosas: 2 links (uno para leer la nota en español y otro para leer la nota en inglés) y 2 divs (uno con el texto en español y el otro con el texto en inglés)
Te paso el código que yo usé para probar que todo funcione bien en mi blog.
Fijate que los links primero llaman a la función para ocultar el div del idioma que no hay que mostrar y después muestra el link del idioma que se seleccionó. De esta manera nos aseguramos que siempre se muestre solamente el idioma que se seleccionó.
En las etiquetas de los divs fijate que el id está compuesto por el nombre del post y el idioma. Tenés que asegurarte que el id de cada div sea único, si no el javascript no va a funcionar. Por eso armé así los id teniendo en cuenta que en la página principal del blog se muestran varias entradas juntas y si sólo ponés como id "divIngles" y "divEspanol" vas a tener varios divs con el mismo id en la misma página y el javascript no va a funcionar.
Por último fijate que los divs tienen el atributo style="display:none;". Esto es para que los divs cargue ocultos y después el javascript se encarga de cambiar éste atributo para que el div se muestre o se oculte.
Es fácil. Te explico cómo hacer para que las funciones de JavaScript te queden en la plantilla de tu blog, así las podés usar en todas tus entradas.
En el panel de control de Blogger vas a Diseño -> Edición de HTML y en el cuadro de texto que te abre con el texto de tu plantilla ingresás el siguiente código javascript entre las etiquetas
<head>y
</head>
<script language="javascript">
function showDiv(divId) {
document.getElementById(divId).style.display = 'inline';
}
function hideDiv(divId) {
document.getElementById(divId).style.display = 'none';
}
</script>
La primera función muestra un div y la segunda oculta un div. Para saber con qué div trabajar la función necesitas que le pases como parámetro el ID del mismo.
Una vez que insertás ése código y guardas los cambios podés crear una entrada en la que vamos a necesitar 4 cosas: 2 links (uno para leer la nota en español y otro para leer la nota en inglés) y 2 divs (uno con el texto en español y el otro con el texto en inglés)
Te paso el código que yo usé para probar que todo funcione bien en mi blog.
<a href="javascript:hideDiv('divMiPostIngles');showDiv('divMiPostEspanol');">Versión en Español</a>
<a href="javascript:hideDiv('divMiPostEspanol');showDiv('divMiPostIngles');">English Version</a>
<div id="divMiPostEspanol" style="display: none;">
Texto en español aquí
</div>
<div id="divMiPostIngles" style="display: none;">
English text here
</div>
Fijate que los links primero llaman a la función para ocultar el div del idioma que no hay que mostrar y después muestra el link del idioma que se seleccionó. De esta manera nos aseguramos que siempre se muestre solamente el idioma que se seleccionó.
En las etiquetas de los divs fijate que el id está compuesto por el nombre del post y el idioma. Tenés que asegurarte que el id de cada div sea único, si no el javascript no va a funcionar. Por eso armé así los id teniendo en cuenta que en la página principal del blog se muestran varias entradas juntas y si sólo ponés como id "divIngles" y "divEspanol" vas a tener varios divs con el mismo id en la misma página y el javascript no va a funcionar.
Por último fijate que los divs tienen el atributo style="display:none;". Esto es para que los divs cargue ocultos y después el javascript se encarga de cambiar éste atributo para que el div se muestre o se oculte.
This is a translation of Luciano's tutorial:
It is Easy! Let me explain to you how to add JavaScript functions to your Blog templateg, in this way you can use it for every post.
In Blogger's control panel go to Layout -> Edit HTML and in the text box that has your template add the following snipet anywhere between the tags
Here the snipet
The fisrt function shows a div and the second hides a div. To know which one to hide the function needs the ID of the div.
Once you have save your code you can write entries using this add-on. You need 4 things: 2 links (one to read the post in Spanish and the other to read it in English) and 2 divs (One with the Spanish text and the other with the text in English)
Here is the code Luciano's used in his post to check the functions.
Note that the links first call the hidding function of the other language (which we don't want to show) and then call the function to show the selected language. In this way we are pretty sure that only one language will be shown, the selected one.
In the attributes of the divs, check that the ID is composed with the name of the post and the language. This is because we need unique IDs for each div we create, otherwise javascript wont work. The main page of Blogger has many entries to gether if you use a ID like "divEnglish" y "divEspanol" many divs will have the same ID and javascript wont work.
Finally note that the divs have the attribute style="display:none;". This hides the div at startup and then javascript takes care of modifying this, rendering the div visible or invisible.
It is Easy! Let me explain to you how to add JavaScript functions to your Blog templateg, in this way you can use it for every post.
In Blogger's control panel go to Layout -> Edit HTML and in the text box that has your template add the following snipet anywhere between the tags
<head>y
</head>
Here the snipet
<script language="javascript">
function showDiv(divId) {
document.getElementById(divId).style.display = 'inline';
}
function hideDiv(divId) {
document.getElementById(divId).style.display = 'none';
}
</script>
The fisrt function shows a div and the second hides a div. To know which one to hide the function needs the ID of the div.
Once you have save your code you can write entries using this add-on. You need 4 things: 2 links (one to read the post in Spanish and the other to read it in English) and 2 divs (One with the Spanish text and the other with the text in English)
Here is the code Luciano's used in his post to check the functions.
<a href="javascript:hideDiv('divMiPostIngles');showDiv('divMiPostEspanol');">Versión en Español</a>
<a href="javascript:hideDiv('divMiPostEspanol');showDiv('divMiPostIngles');">English Version</a>
<div id="divMiPostEspanol" style="display: none;">
Texto en español aquí
</div>
<div id="divMiPostIngles" style="display: none;">
English text here
</div>
Note that the links first call the hidding function of the other language (which we don't want to show) and then call the function to show the selected language. In this way we are pretty sure that only one language will be shown, the selected one.
In the attributes of the divs, check that the ID is composed with the name of the post and the language. This is because we need unique IDs for each div we create, otherwise javascript wont work. The main page of Blogger has many entries to gether if you use a ID like "divEnglish" y "divEspanol" many divs will have the same ID and javascript wont work.
Finally note that the divs have the attribute style="display:none;". This hides the div at startup and then javascript takes care of modifying this, rendering the div visible or invisible.
