{"id":2520,"date":"2020-11-23T10:58:48","date_gmt":"2020-11-23T09:58:48","guid":{"rendered":"https:\/\/teletrabajoynegocios.com\/teletrabajador\/?p=2520"},"modified":"2021-05-27T09:50:22","modified_gmt":"2021-05-27T07:50:22","slug":"como-crear-un-blog-en-blogger","status":"publish","type":"post","link":"https:\/\/teletrabajoynegocios.com\/teletrabajador\/como-crear-un-blog-en-blogger\/","title":{"rendered":"C\u00f3mo crear un Blog en Blogger"},"content":{"rendered":"
\"\"<\/a><\/div>

Blogger<\/a><\/strong> es una plataforma para crear blogs<\/strong> gratis<\/strong> de una forma s\u00faper r\u00e1pida<\/strong> y sencilla<\/strong> y que, adem\u00e1s puedes personalizarlo<\/strong> a tu gusto. Si siempre has querido contar al mundo tus conocimientos, ideas, viajes o cualquier otra cosa, puedes empezar hoy mismo.<\/p>\n

Los pasos que tienes que dar son bastante sencillos y siguiendo este tutorial no tendr\u00e1s ning\u00fan problema.<\/p>\n

Vamos a empezar por lo m\u00e1s simple de todo, crear una cuenta en Blogger, hasta llegar a la personalizaci\u00f3n completa del sitio web.<\/p>\n

Primeros pasos para crear una cuenta en Blogger<\/span><\/h2>\n

Lo primero que debes hacer es dirigirte a la p\u00e1gina principal de Blogger<\/a>.<\/strong><\/p>\n

En esta ventana encontramos, arriba a la derecha, un bot\u00f3n de \u201cIniciar sesi\u00f3n<\/em>\u201d. Cuando tengas creada tu cuenta debes acceder desde aqu\u00ed, pero mientras tanto haz clic en el bot\u00f3n de \u201cCrea tu blog<\/em>\u201d.<\/p>\n

Ahora, Google te va a llevar a la ventana t\u00edpica de cuando quieres iniciar sesi\u00f3n en alguna plataforma, y es que Blogger forma parte de Google,<\/strong> por lo que la cuenta qu\u00e9 crees para meterte en Blogger tiene que ser un Gmail.<\/strong><\/p>\n

Tienes dos opciones, crear una nueva cuenta solamente para tu blog, o utilizar la que ya tienes y utilizas habitualmente.<\/p>\n

Sea cual sea la opci\u00f3n que hayas elegido, llegar\u00e1s a esta ventana, en la que tienes que elegir el nombre visible de tu sitio web<\/strong>. Este nombre es el que van a ver los usuarios cuando se metan a ver tu blog por lo que resulta un nombre bastante importante.<\/p>\n

Si no has decidido todav\u00eda el nombre de tu sitio web, es mejor que lo dejes para m\u00e1s adelante y lo pienses mejor. Durante el tutorial veremos c\u00f3mo podemos modificarlo m\u00e1s tarde.<\/p>\n

En el ejemplo que ves en la foto he puesto uno de prueba para la demostraci\u00f3n. Haz clic en \u201cContinuar<\/em>\u201d para ir a la siguiente ventana.<\/p>\n

Ahora, vas a llegar al apartado donde tienes que elegir la URL de nuestro blog<\/strong>. Esto es la direcci\u00f3n que va a tener nuestro sitio web, es decir la ruta de Google<\/strong> que vamos a tener que escribir para acceder a \u00e9l.<\/p>\n

Es bastante dif\u00edcil encontrar una direcci\u00f3n que no est\u00e9 cogida a la primera, por lo que este trabajo seguramente te lleve un buen rato.<\/p>\n

Esta tambi\u00e9n es una elecci\u00f3n bastante importante, porque todos los usuarios van a verlo, por lo que, te recomiendo que la URL no contenga nombres raros ni muchos n\u00fameros seguidos, porque queda un poco feo.<\/p>\n

Finalmente tenemos que elegir el nombre de nuestro blog<\/strong>. Este es el t\u00edtulo que va a tener la portada y, no te preocupes, porque tambi\u00e9n puedes modificarlo m\u00e1s adelante.<\/p>\n

Crear un blog en Blogger paso a paso<\/span><\/h2>\n

Y \u00a1por fin!, ya accedes a la p\u00e1gina principal de tu blog. Aqu\u00ed ves como la izquierda hay un men\u00fa lateral con los diferentes apartados que tiene Blogger,<\/strong> y a la derecha, la pantalla principal d\u00f3nde ir\u00e1s viendo el contenido de cada secci\u00f3n.<\/p>\n

Vamos a empezar entendiendo cada una de las secciones. La secci\u00f3n de entradas<\/strong> es donde vamos a ir creando cada una de estas.<\/p>\n

No te preocupes, aunque ahora parezca bastante complicado, seg\u00fan lo vayas haciendo ser\u00e1 mucho m\u00e1s f\u00e1cil de entender.<\/p>\n

La siguiente secci\u00f3n, de estad\u00edsticas<\/strong>, es donde vamos a ver los datos de nuestro sitio web, como por ejemplo, las visitas semanales mensuales o anuales<\/strong>; o incluso las visitas de cada post.<\/p>\n

La siguiente secci\u00f3n es la de comentarios<\/strong> d\u00f3nde vamos a ver un listado de todos y cada uno de ellos y podemos filtrarlos o modificarlos.<\/p>\n

En ingresos<\/strong> no siempre tendremos que fijarnos, porque es donde se reflejan los ingresos en caso de tener una cuenta de AdSense<\/a>.<\/p>\n

Las siguientes ventanas, de dise\u00f1o y tema, profundizaremos m\u00e1s adelante, ya que son las encargadas de dar forma a nuestro blog.<\/p>\n

En la pesta\u00f1a de dise\u00f1o <\/strong>se establece la arquitectura de la web, <\/strong>mientras que en tema la apariencia.<\/strong><\/p>\n

En configuraci\u00f3n<\/strong>, como supondr\u00e1s, es donde vas a encontrar los ajustes generales de tu blog, como poder editar el t\u00edtulo, el tipo de privacidad o los permisos. Para no alargarnos excesivamente, es mejor que eches un vistazo.<\/p>\n

C\u00f3mo crear una nueva entrada en Blogger<\/span><\/h3>\n

Ahora que ya conoces todas las secciones de esta plataforma, es momento de ponernos \u201cmanos a la obra<\/em>\u201d con la construcci\u00f3n de tu p\u00e1gina web con Blogger<\/strong>. En este apartado, vas a aprender a crear una nueva entrada.<\/strong><\/p>\n

Lo primero que tienes que hacer es ir a la secci\u00f3n de entradas, y hacer clic en el bot\u00f3n de \u201cCrear nueva entrada<\/em>\u201d, que hay arriba a la izquierda.<\/p>\n

En esta pantalla ves arriba una l\u00ednea donde debemos poner el t\u00edtulo<\/strong> que va a llevar este post. En el panel principal vemos como un folio en blanco, que es donde va a ir el contenido principal. A la derecha hay una barra lateral de herramientas.<\/strong><\/p>\n

En el ejemplo que ves abajo ya hemos puesto el t\u00edtulo un encabezado de primer nivel o H1 y un p\u00e1rrafo de texto.<\/p>\n

En la barra superior de herramientas encontramos entre otras cosas, c\u00f3mo poner algunas de las letras en negrita, cursiva o subrayada. Tambi\u00e9n tenemos la opci\u00f3n de cambiar el texto del p\u00e1rrafo o del encabezado de tama\u00f1o o tipo de letra en el ejemplo que ves abajo hemos cambiado a letra Georgia.<\/p>\n

Para adjuntar una foto<\/strong> tienes que hacer clic en el bot\u00f3n que ves en el ejemplo de abajo. Esto te va a abrir un men\u00fa desplegable en el que vas a poder elegir desde donde subes la imagen.<\/p>\n

En este ejemplo vamos a subir la desde mi ordenador personal para ello haz clic en \u201cSubir desde el ordenador<\/em>\u201d y selecciona la ruta d\u00f3nde tenemos la imagen. Haz clic en \u201cAceptar<\/em>\u201d y te adjunta la imagen.<\/p>\n

Una vez que la imagen est\u00e1 en el folio, si hacemos clic sobre ella se despliegan varios iconos. Empezando por la izquierda, los tres primeros son para alinear la imagen respecto al texto. Puedes elegir si quieres que est\u00e9 centrado, a la izquierda o a la derecha.<\/p>\n

Con el siguiente bot\u00f3n puedes cambiarla de tama\u00f1o. Se despliega un men\u00fa con los diferentes tama\u00f1os; elige el que m\u00e1s te gusta.<\/p>\n

Para guardar <\/strong>esta entrada tienes que ir a los botones que hay arriba a la derecha. Vas encontrar dos, el de \u201cVista previa<\/em>\u201d, que te va a mostrar c\u00f3mo queda tu entrada, y otro es el de \u201cPublicar<\/em>\u201d. Si est\u00e1s seguro de que tu trabajo est\u00e1 como t\u00fa quieres, haz clic en este bot\u00f3n.<\/p>\n

Cuando ya lo has publicado, volveremos a la p\u00e1gina principal de la secci\u00f3n de entradas d\u00f3nde cuando vayas escribiendo m\u00e1s post se ir\u00e1 formando este listado.<\/p>\n

C\u00f3mo hacer una p\u00e1gina en Blogger<\/span><\/h3>\n

Para hacer tu primera p\u00e1gina tienes que ir a la secci\u00f3n lateral y hacer clic en el apartado \u201cP\u00e1ginas<\/em> \u201c.<\/p>\n

Una vez dentro debes hacer clic en el bot\u00f3n que hay arriba a la izquierda que pone \u201cNueva p\u00e1gina\u201d.<\/em><\/p>\n

Seguro que te sorprende que sea el mismo interfaz que para crear una nueva entrada, pero as\u00ed es mucho m\u00e1s f\u00e1cil. Para escribir el t\u00edtulo de nuestra p\u00e1gina, ve a la secci\u00f3n de t\u00edtulo y escr\u00edbelo.<\/p>\n

Para escribir el contenido de t\u00fa p\u00e1gina deber\u00edas hacerlo en la pantalla principal, donde antes pusimos el texto de nuestro post. Para guardarlo haz clic en el bot\u00f3n derecho de arriba donde pone \u201cPublicar<\/em> \u201c<\/p>\n

Tienes que hacer este procedimiento con todas las p\u00e1ginas con las que quieres estructurar tu sitio web. En este ejemplo hemos creado las p\u00e1ginas de \u201cInicio\u201d, \u201cServicios\u201d, \u201cSobre m\u00ed\u201d<\/em> y \u201cContacto\u201d.<\/em><\/p>\n

Personalizar Blogger como una p\u00e1gina web: dise\u00f1o de la estructura<\/span><\/h2>\n

Como has visto antes, hay dos secciones llamadas \u201cDise\u00f1o<\/em>\u201d y \u201cTema<\/em>\u201d. Entre estas dos vas a ir creando la apariencia que quieres para tu blog.<\/p>\n

En el apartado de Dise\u00f1o<\/strong> se construye la estructura de tu blog<\/strong>, personaliz\u00e1ndola a tu gusto. Dentro de \u00e9sta, tienes las diferentes secciones<\/strong> que componen cada p\u00e1gina, como la cabecera, la barra lateral, el t\u00edtulo o el panel central.<\/p>\n

Asimismo, dentro de cada secci\u00f3n tienes los diferentes gadgets<\/strong>, como los anuncios<\/a> de Adsense, el formulario de contacto, la lista de p\u00e1ginas etc.<\/p>\n

En el apartado de Tema<\/strong>, puedes modificar la apariencia<\/strong>, como los colores o el tipo de letra que quieres para tu blog. Blogger tiene temas ya instalados en la plataforma, que puedes activarlos cuando quieras.<\/p>\n

Temas para Blogger gratis<\/span><\/h3>\n

Ve al apartado de \u201cTemas<\/em>\u201d, y ver\u00e1s que ya hay uno por defecto, \u201cContempo\u201d<\/em>. Puedes modificar ciertas cosas haciendo clic en \u201cPersonalizar<\/strong><\/em>\u201d.<\/p>\n

Esto te va a llevar a una nueva ventana, en la que ves c\u00f3mo puedes cambiar la imagen de fondo, la gama de colores principales, o alguno m\u00e1s avanzado como la fuente del texto o el color de este; tienes much\u00edsimas opciones para personalizarlo.<\/p>\n

No te olvides de guardar los cambios! Haz clic en el bot\u00f3n que hay abajo a la derecha para hacerlo.<\/p>\n

Si quieres ir, tambi\u00e9n puedes cambiar a otro de los que tiene Blogger. Vuelve a la pantalla principal y selecciona el tema que m\u00e1s te guste. Aparecer\u00e1n tres botones en la parte de abajo, de vista previa, para ver como quedar\u00eda, el de personalizar que ya hemos visto, y el de aplicar. Si te gusta c\u00f3mo queda, haz clic en Aplicar y tendr\u00e1s tu tema ya instalado.<\/p>\n

Aun as\u00ed, podemos llegar un poco m\u00e1s lejos. Si ninguno de los temas que has visto te convence del todo, puedes descargarte uno de internet.<\/p>\n

\n

<\/p>\n

[wp-rss-aggregator]<\/p>\n

\n

Instalar y editar HTML de una plantilla Blogger<\/h4>\n

Hay muchas p\u00e1ginas en las que vas a encontrar diferentes estilos, pero en el tutorial que encontrar\u00e1s m\u00e1s abajo he utilizado una en concreto, plantillasgratis.info<\/a><\/p>\n

Aunque veas c\u00f3digo, no te asustes, no necesitas ning\u00fan conocimiento t\u00e9cnico<\/strong> para realizar este paso.<\/p>\n

Lo primero es ir a la p\u00e1gina y seleccionar el tema que m\u00e1s te gusta. En el ejemplo que vamos a hacer se trata del tema \u201cMelissa<\/em>\u201d.<\/p>\n

Debes acceder a \u00e9l y descargarlo, haciendo clic en \u201cDescargar<\/em>\u201d, arriba a la derecha.<\/p>\n

Se descarga una carpeta comprimida. \u00c1brela y selecciona el archivo que termina en .xml<\/p>\n

Copia todo el contenido y vuelve a la secci\u00f3n de Tema.<\/p>\n

Ahora, en la pesta\u00f1a de Tema, haz clic en el bot\u00f3n que tiene una flecha hacia abajo, y se despliegan varias posibilidades. Elige la de \u201cEditar HTML<\/a><\/em>\u201d.<\/p>\n

Se abre una nueva ventana que tiene todo el c\u00f3digo que da formato al tema, por lo que para modificarlo solo tienes que seleccionar todo y copiar el nuevo.<\/p>\n

Como en la opci\u00f3n anterior, puedes ver como queda antes de guardar los cambios, haciendo clic en el bot\u00f3n que hay arriba a la izquierda, con forma de ojo.<\/p>\n

i te gusta como queda, haz clic en el bot\u00f3n de guardar, tambi\u00e9n arriba a la izquierda.<\/p>\n

Dise\u00f1o con gadget para Blogger<\/span><\/h3>\n

Una vez que ya tienes el tema que m\u00e1s te gusta, es hora de personalizar el dise\u00f1o<\/strong>. Cada tema tiene uno predeterminado, donde especifica la estructura propia de ese tema<\/strong>, como se distribuyen los diferentes elementos o gadgets de Blogger. Pero t\u00fa puedes modificar los elementos que hay en cada secci\u00f3n.<\/p>\n

Para ver un ejemplo, vamos a ver dos ejemplos de elementos muy t\u00edpicos, el men\u00fa de la p\u00e1gina y un formulario de contacto.<\/p>\n

C\u00f3mo crear un men\u00fa horizontal en Blogger<\/h4>\n

Para crear el men\u00fa horizontal en Blogger en el tema Melissa, ve a la pesta\u00f1a de Dise\u00f1o.<\/p>\n

En este tema en concreto, para crear el men\u00fa horizontal<\/strong> debes seleccionar la opci\u00f3n de \u201cEditar<\/em>\u201d en la secci\u00f3n de \u201cNavigation-wrapper<\/em>\u201d, que es la barra horizontal que hay encima del contenido principal.<\/p>\n

Vas a ver otra ventana peque\u00f1a, con c\u00f3digo. Seg\u00fan las p\u00e1ginas que hayas creado, escribe su nombre entre los dos s\u00edmbolos de > y <, como ves en el ejemplo de abajo, y tambi\u00e9n donde est\u00e1 el s\u00edmbolo de almohadilla.<\/p>\n

Lo primero da el nombre de referencia<\/strong> en el men\u00fa, y lo segundo crea el enlace<\/strong> que va a conducir a esa p\u00e1gina.<\/p>\n

Tambi\u00e9n puedes ver como hay un listado en medio del c\u00f3digo. Es para crear un submen\u00fa<\/strong>, pero los pasos son los mismos que acabamos de ver, que crea el resultado que ves en el ejemplo de abajo:<\/p>\n

Cuando hayas terminado no te olvides de guardar.<\/p>\n

Poner un formulario de contacto en Blogger<\/h4>\n

Para poner el formulario de contacto<\/strong>, ve a la secci\u00f3n donde quieras que est\u00e9 y haz clic en \u201cA\u00f1adir un gadget<\/em>\u201d.<\/p>\n

En el ejemplo que vamos a hacer, vamos a ponerlo en la Sidebar, o barra lateral. Cuando hayas hecho clic en \u201cA\u00f1adir Gadget<\/em>\u201d se abrir\u00e1 una nueva pesta\u00f1a con todos los gadgets disponibles.<\/p>\n

Busca \u201cFormulario de contacto<\/em>\u201d y para a\u00f1adirlo, haz clic en el bot\u00f3n de \u201c+<\/em>\u201d que hay a la derecha, y se a\u00f1adir\u00e1 inmediatamente.<\/p>\n

No te olvides de guardar los cambios antes de salir. Como breve comentario decirte, que la barra lateral<\/strong> es un elemento que ya no se recomienda mucho<\/strong>, porque nuestros ojos est\u00e1n tan acostumbrados a ella que la pasamos por alto. Sin embargo, en este tutorial hemos querido ense\u00f1\u00e1rtelo, porque sigue siendo muy com\u00fan en muchos sitios.<\/p>\n

Tutorial en v\u00eddeo para crear un blog en Blogger<\/span><\/h2>\n

Los pasos que hemos ido dando, desde la creaci\u00f3n de la cuenta de Blogger, la elecci\u00f3n de los nombres del blog y la personalizaci\u00f3n como un sitio web a tu gusto, esta explicado con mucho m\u00e1s detalle en este v\u00eddeo.<\/p>\n

La diferencia de una entrada y una p\u00e1gina<\/strong> es que, esta \u00faltima es la que da la estructura a tu sitio web como, por ejemplo, la p\u00e1gina de inicio la de contacto o la p\u00e1gina de servicios<\/a>, mientras que las entradas son los posts del apartado del blog.<\/p>\n