0
October 13, 2016

How to Make Bilingual Blog Posts

Bilingual, Blogger, Blog Posts


 Read in English      Leer en Espa√Īol

How to Make Bilingual Blog Posts on Blogger

As a bilingual blogger for the longest time I searched for a way to make my blog posts bilingual. I even thought of running two blog’s but I thought that would be too much work, and maybe not even worth it at the end.

I didn’t want to risk spending extra time posting on one blog in English, and in another blog in Spanish. I just wanted to make two blog posts posts in one efficiently, but at the same time make it look beautiful.

I’m glad I finally found a way! I thought it was going to be harder than what it was but no.

I came a across a bilingual blogger, and saw how she incorporated both languages in one blog post. I thought it was so cool, and so I had to ask her! And I did ūüôā She nicely replied back with a tutorial she followed.

Now this is how I do each time, and I want to share it with you guys :))


Original code found here.

How to Make Bilingual Blog Posts:

1. Decide which two languages you’re going to use.
2. Notice in the code Language #1, and Language #2. For Language #1 I have decided to use English, and for Language #2 I use Spanish.
3. For your clickable buttons, also notice in the code ‘Language #1 – Read in English’, and for your second option I have ‘Language #2 – Leer en Espa√Īol’. You can change any of these two to your language of preference.
4. Copy and paste the code to a new blog post. Make sure to edit in HTML form in Blogger.
5. In Language #1 paste your first language post, and in Language #2 your second language post.
6.  Now you have your first bilingual blog post! Pretty neat huh? (Note: You won’t be able to click on the language button in Preview mode)
7. Now you’re ready to Publish, and for the world to see your bilingual blog post!

I’m glad I finally found a solution!

I like how it makes my blog posts look. Now it looks more organized, and I can include two blog posts in one. I always translate my blog posts myself because Google Translate can do a good job at translating, but some phrases or words can come out funky. 

Which languages are you going to be using? I would love to know how you’re going to be using the bilingual blog posts HTML code! Let me know how it works for you, and have a great week :))

See how I used this coding in these two blog posts as examples:
– My Law of Attraction Stories
– Closet Organization Ideas

And for more blogging tips check out the Content page!

C√≥mo Hacer Blog Posts Biling√ľes en Blogger

Como bloguera biling√ľe por mucho tiempo buscaba formas de hacer mis blog posts biling√ľe. Incluso pens√© en hacer dos blogs pero pens√© que ser√≠a mucho trabajo, y no valdr√≠a la pena al final.

No quer√≠a arriesgar pasar m√°s tiempo en un blog en ingl√©s, y otro en espa√Īol. Solo quer√≠a hacer dos blog posts en un uno de manera eficaz, pero que a la vez se viera bonito.

Estoy contenta que por fin encontré una forma! Pensé que sería más difícil de lo que pensé pero no.

Me encontr√© con una bloguera biling√ľe, y vi como ella incorporaba dos idiomas en un blog post. Pens√© que se ve√≠a cool, y entonces le tuve que preguntar! Y lo hice ūüôā Amablemente me respondi√≥ de regreso con un tutorial que ella sigui√≥.

Ahora así es como lo hago cada vez, y lo quería compartir con ustedes chicos :))


Código original lo encontré aquí.

C√≥mo Hacer Blog Posts Biling√ľes:

1. Decide cuales dos idiomas vas a usar.
2. Nota en el c√≥digo Language #1, y Language #2. Para Language #1 he decidido usar ingl√©s, y para Language #2 uso espa√Īol.
3. Para los botones de seleccionar, tambi√©n nota en el c√≥digo ‚ÄėLanguage #1 ‚Äď Read in English‚Äô, y para la segunda opci√≥n tengo ‚ÄėLanguage #2 ‚Äď Leer en Espa√Īol‚Äô. Puedes cambiar cualquiera de estos dos a tu idioma de preferencia.
4. Copia y pega el c√≥digo a un nuevo blog post. Aseg√ļrate de editar en forma de HTML en Blogger.
5. En Language #1 pega tu primer idioma, y en Language #2 t√ļ segundo idioma.
6. Ahora ya tienes tu primer blog post biling√ľe. Muy cool verdad? (Nota: No vas a poder hacer click en el bot√≥n de idioma en modo de avance)
7. Ahora ya est√° listo para publicar, y que el mundo mire tu blog post biling√ľe!

Estoy contenta que por fin encontré una solución!

Me gusta cómo se ven los blog posts. Ahora se ve más organizado, y puedo incluir dos blog posts en uno. Siempre traduzco yo misma mis blog posts porque Google Translate puede hacer un buen trabajo en traducir, pero algunas frases o palabras salen graciosas.

Cu√°les idiomas estar√°s usando? Me encantar√≠a saber c√≥mo vas a usar el c√≥digo HTML de idiomas biling√ľe en tus blog posts. D√©jame saber c√≥mo te funciona, y bonita semana :))

Mira cómo use este código en estos dos blog posts como ejemplos:
– Mis historias usando La Ley de la Atracci√≥n
– Ideas Para Organizar Closet

Facebook | Instagram | Pinterest | Twitter | YouTube 

 

You Might Also Like

8 Comments

  • Reply Eloquent Obi October 25, 2016 at 11:28 pm

    very cool and a neat way to reach out to all groups.

  • Reply Rose Mont November 5, 2016 at 1:54 am

    That is neat and super easy. This is one of the better tips I have seen yet.

  • Reply Lizet Flores de Bowen April 17, 2017 at 10:51 pm

    Hola Rosalyn. Tengo un blog de comida en 2 idiomas. Los 2 idiomas est√°n en la misma p√°gina, estaba pensando en separar de alguna forma los dos idiomas, especialmente porque dicen que google analitics no le gusta o no entiendo cuando uno tiene 2 idiomas juntos. Piensas que si uso el c√≥digo para las entradas y sigo usando mis t√≠tulos y tags en espa√Īol/ingles, cambia como ve google mi blog? tendr√≠a m√°s visitas?
    Hay que poner el código en cada entrada? o es algo que se pone y ya no hay que volver a hacerlo?
    Gracias

  • Reply Colors of Costa Rica July 15, 2018 at 5:02 am

    Hi Rosy, this is awesome! I am so glad I found this post, I have been trying to do this for sooo long. I ran into one problem though, how do you edit the code if you have pictures in between the text? You don't want people to have to choose their language for every paragraph, so how do you add the images in between? Like she does here: http://www.monochromaticwave.com/2017/01/styling-a-sleeping-space-going-minimal.html

    Thank you so much for your help!

  • Reply Rosalyn Osorto July 15, 2018 at 5:03 am

    Thanks! I'm so glad it helped :))

  • Reply Rosalyn Osorto July 15, 2018 at 5:03 am

    Thanks for checking it out :))

  • Reply Rosalyn Osorto July 15, 2018 at 6:03 am

    Hi, it's pretty easy. I added some examples on how I applied this same coding with photos and videos. As you're creating one blog post, just copy the photo coding to the second language. Let me know if that helps.

    Have a good weekend!

  • Reply Rosalyn Osorto July 15, 2018 at 6:21 am

    Hola Lizet, recién acabo de ver esta pregunta y perdón por no contestar antes. Pero es mejor tarde que nunca verdad? De echo es una muy buena pregunta y le tuve que preguntar a mi novio que trabaja profesionalmente en este tipo de ambiente.

    El me comento que si es cierto. No se recomienda tener dos idiomas en una pagina. Por cuestión de SEO es mejor hacerlo por aparte.

    Gracias por visitar mi blog!

  • Leave a Reply