XRL Tech Corner

Tutoriales online de programación, CMS, Raspberry y artículos sobre tecnología. La web de referencia para estudiantes universitarios de informática y aficionados a la tecnología.

Crear un post multiidioma en blogger

 

Vamos a explicaros como realizar un post en dos idiomas, por ejemplo en español y en inglés, sin tener que mantener dos blogs diferentes.
Usaremos código HTML para disponer el texto de la entrada de tal manera que parezca un blog multidioma.

 

tutorial como hacer un blog bilingue

Fragmento HTML del ejemplo:

Título castellano Título inglés
Contenido en castellano. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum Contenido en inglés. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum


Fragmento 2 con una imagen común y un pie común:

Header Spanish Header English
Main Spanish.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque cursus tempor enim. Aliquam facilisis neque non nunc posuere eget volutpat metus tincidunt. Main English.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque cursus tempor enim. Aliquam facilisis neque non nunc posuere eget volutpat metus tincidunt.
Imagen comun
Main Spanish.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque cursus tempor enim. Aliquam facilisis neque non nunc posuere eget volutpat metus tincidunt. Main English.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque cursus tempor enim. Aliquam facilisis neque non nunc posuere eget volutpat metus tincidunt.
Footer comun


Este código HTML se tendrá que incrustar cuando editemos la entrada en cuestión, pinchando en la opción HTML, al lado de Redactar.

Podremos "jugar" con el atributo border="1" para mostrar los bordes de las tablas que incluyen el contenido. Si queremos que no se muestren los bordes, tendremos que especificar border="0".

Es interesante justificar el texto de las columnas, de este modo le daremos un aspecto más editorial. Incluso podremos asignar un tipo de letra o un tamaño de letra diferente para cada columna para diferenciar ambos textos.

Para más detalles os dejo este en el enlace al tutorial en Youtube:


 

 

Valora este artículo del blog:
Gadgets para blogger
Animaciones css con transformaciones

Artículos relacionados

 

Comentarios

No hay comentarios por el momento. Se el primero en enviar un comentario.
¿Ya està registrado? Ingresa Aquí
Invitado
Domingo, 17 Diciembre 2017
Si desea registrarse, por favor rellene los campos de nombre de usuario y nombre.

Imagen Captcha