Bueno, pues hoy traigo un tutorial de las cosas más básicas del blog en vista de todos los nuevos bloggeros que están apareciendo ultimamente. Estos últimos días he visto como mucha gente tiene dificultades para poner fotos, vídeos o para poder poner el blog más a su gusto, asi que espero que este tutorial os sirva. He hecho todo paso a paso para que quede de la forma más clara posible, pero si algo no se entiende bien me lo decís y edito intentando ponerlo mejor ;) Algunas imágenes son pequeñas, asi qeu haz click encima para verlas grandes.

Tutorial - Funciones básicas del blog. (Dónde cambiar el diseño y como usar las herramientas de texto)

Funciones del cuadro de texto.

Negrita, cursiva, subrayado y tachado.

En la parte superior izquierda del cuadro de texto, tanto en las respuestas para otros blogs como para crear una propia, tenemos estas 4 opciones.

Negrita, subrayado y cursiva son herramientas que nos ayudan a enfatizar una parte del texto que creemos importate, para poner títulos, etc, podemos acceder a ellas de diferentes formas.

Es decir, si estamos escribiendo podemos apretar ctrl+b (por ejemplo) y empezaremos a escribir en negrita, cuando volvamos a apretar ctrl+b dejaremos de escribir en negrita. Otra opción es escribir el texto y luego seleccionar aquellas partes que queremos poner en negrita, y hacer click en la N.

El tachado suele usarse en estos lares para hacer pequeñas bromas en el texto, pero cada uno le encontrará el uso que quiera.

Para usarlo seleccionas la parte del texto que desees tachar y haces click en "ABC", justo a la izquierda de subrayado.

Cambiar el color del texto o el color del fondo del texto.

A veces queremos cambiar el color del texto, otras cambiar el fondo de determinada parte del texto por diferentes motivos (enfatizar, diferenciar partes de un escrito, etc)

Las opciones de cambiar el color de la fuente o el fondo de esta están debajo de "Tipo de fuente"

Para elegir el color de texto clickamos en la A de la derecha, y nos saldrán todos los colores disponibles:

Para seleccionar el color del fondo hacemos click en el icono que pone "ab" con un rotulador al lado, justo a la derecha de la "A" del color de la fuente. Se nos desplegará la tabla de colores para el fondo.

Un ejemplo de usar ambas opciones:

Procurad que la elección de ambas cosas no sea demasiado estridente, pues eso dificulta la lectura.

Cortar, copiar, pegar, deshacer y rehacer.

Estas opciones solo están disponibles usando el ratón o el teclado, es decir, si seleccionais una parte del texto y dais a cortar (por ejemplo) os aparecerá una ventana diciendo que la opción no se puede realizar. Teneis dos opciones:

Es decir, podemos seleccionar una parte del texto y con ctrl+ X-C-V realizar la acción deseada, o usar el ratón, seleccionas el texto, click botón derecho del ratón y otro click en la acción que desees.

Para rehacer y deshacer si que debes hacer click en los botones correspondientes.

Emoticonos.

Para introducir un emoticono en el texto debeis hacer click encima de la carita amarilla sonriente.

Se os abrirá una pequeña ventana con todos los emoticonos disponibles, haceis click sobre el emoticono deseado y listo.

Poner imágenes.

En primer lugar decir que las imágenes del blog deben estar colgadas en internet, no puedes colgar una imagen que esté en tu ordenador. Si quieres usar unas imágenes determinadas puedes buscarlas en internet, o crearte un album en páginas como photobucket.

Para poner imágenes debemos hacer click en el botón del cuadro de texto con forma de árbol.

Cuando clickemos nos saldrá una ventana.

Ahora vamos a la imagen que queremos colgar, yo he buscado "Raikoh" en google y me ha salido una imagen. Ahora tengo dos opciones, o copio la url de la barra de direcciones, o hago click encima de la imagen con el botón derecho del ratón y elijo la opción de copiar la ruta de la imagen.

Si teneis album propio escogeis el link que os hayan dado en la página.

Ahora acudimos de nuevo al blog y en el recuadro de imagen, donde pone "dirección de la imagen" (1) pegamos la dirección de la foto que queremos colgar y después clickamos en "Insertar" (2)

La imagen ya está en el cuadro de texto, pero es muy pequeña, asi que decido redimensionarla ¿como? Click encima de la imagen y me salen 8 puntos blancos:

Escojo uno (lo mejor suele ser escoger una esquina), pongo el ratón encima y me sale una felcha doble, hago click y sin soltar el botón tiro hacia afuera (agrandar imagen) o hacia dentro (encoger)

Cuando tiene el tamaño deseado suelto el botón y la imagen se queda con el tamaño elegido.

No las hagais demasiado grandes, debeis recordar que el ancho de las entradas tiene un tamaño determinado, si poneis una imagen demasiado grande saldrá cortada.

Poner vídeos.

Antes de nada, los lugares de los que podemos poner vídeos son:

Lo primero es seleccionar el vídeo deseado (evidente X-D) Pongamos de ejemplo la más usada, youtube.

Bien, lo que debeis hacer es copiar el codigo embed, está situado en el recuadro de la derecha, debajp de la descripcion del video.

Ya teneis copiado la dirección del codigo embed del video seleccionado, ahora acudís al blog y haceis click en el botón con el dibujo del televisor.

Se os abre una ventana.

Pegais el código (1) y dais a insertar (2)

Como en el caso de la simágenes, podemos redimensionar el tamaño.

Poner MÚSICA en los bloques laterales o una entrada. 

Poner enlaces en imágenes o el texto.

A veces queremos que nuestros lectores vean otras páginas relacionadas con lo que estamos contando o para añadir más información, en vez pegar la dirección podeis hacer que quede más "mosno" usando esta opción.

Lo explico con un ejemplo. Quiero llevar a la gente a un blog (en este caso pongo el mio) Escribo el nombre de dicho blog y lo seleccino con el ratón:

Ahora hago click en la opción "Insertar enlace":

Se abre una ventana:

En "Dirección del enlace" (1) pego la dirección de la pagina a la que quiero mandar a los lectores, en la opción de "Destino" tengo dos opciones, que el enlace se abra en otra ventana diferente (nuestra ventana permanece abierta) o si quiero que se abra en la misma ventana, es decir, que cuando hagan click tu blog dará paso a la dirección que has puesto como link. Despues das a insertar (3)

Ya tenemos el enlace puesto. Si queremos quitarle lo seleccionamos y hacemos click en "quitar enlace"

Para poner un link a una imagen el proceso es el mismo.

Otras opciones.

En esto no me alargo mucho porque unas se sabe perfectamente como usarlas, y otras no se usan nunca.

1 - X sirve para dejar pequeñas notas sobre partes del texto. La verdad es que la veo usar muy poco.

Los botones de la derecha son alineaciones de texto, izquierda, derecha y centrado, podemos realizar un texto con una misma alineación, o seleccionar ciertas partes y hacerlo de forma diferente, al gusto!.

Luego está la opción de poner iconos a las listas, ya sea numerarlos o con los iconos que tengamos en el blog.

Para terminar, el botón de más a la derecha es para aumentar o disminuir la sangría.

2 - Tipo de fuente nos permite elegir el tipo de fuente que deseemos usar (verdana, arial, times new roman,...) y el tamaño pues eso, si queremos el texto más grande o más pequeño.

3 - El primer icono de la izquierda borra el formato del texto.

El segundo y el tercero introducen la fecha y la hora.

El cuarto nos permite insertar carácteres especiales que puede que muchos no sepan usar, tales como ♣≤∑

4 - El primer icono de la izquierda pone una línea horizontal en el texto, muy util para dividir este.

Con el segundo podemos insertar etiquetas.

1 - Desactivamos el texto enriquecido y nos aparece el texto en codigo html.

2 - Podemos adjuntar archivos, como por ejemplo lecturas virtuales o fuentes.

3 - Enviar la entrada/comentario o verla antes de mandarla.

Corte principal de la entrada.

Al enviar una entrada puede que no nos guste como queda el recorte principal de entrada (ya sea por ser demasiado extenso o demasiado corto) Solucionarlo es sencillo. 

1 - Primero damos a editar la entrada.

Una vez que vemos el cuadro de texto, debajo de este hacemos click en 'Desactivar editor de texto enriquecido'

Nos encontramos que en el cuadro de texto la entrada se ha transformado a formato html. Bien. Copiamos el código  «<!--break-->» (sin las comillas) 

1 - Pegamos el código donde deseemos que se corte la entrada.

2 - Hacemos click en 'Activar editor de texto enriquecido'

3 - Damos a enviar la entrada.

Una vez seguidos estos pasos la entrada será recortada para la portada de tu blog y la portada general por donde desees. Recuerda que no puedes hacer que la entrada se vea al completo, pues molesta al resto de usuarios/as de gamefilia.

Permitir, reabrir o bloquear los comentarios en una entrada.

En entradas nuevas puede que alguna vez no queramos que nadie comente, o en entradas antiguas nos gustaría reabrir los comentarios. 

Si la entrada es antigua damos a editar la entrada. Si es nueva simplemente accedemos a las opciones de nueva entrada del blog.

Debajo del cuadro de texto hacemos click en Opciones de comentarios.

Se nos abrirán tres opciones:

1 - Desactivado - No es posible hacer comentarios en la entrada y desaparecen si tienes alguno y activas esta opción. Que desaparezcan no quiere decir que se borren, si vuelves a poner alguna de las otras dos opciones volverán a aparecer.

2 - Sólo lectura - La entrada es exclusivamente para leer, sin dar posibilidad de comentar. Los comentarios ya hechos pueden ser leidos.

3 - Lectura y escritura - Se permiten nuevos comentarios en la entrada.

Seleccionamos aquella que deseemos y damos a enviar (4) 

Cambiar el diseño de mi blog.

En este caso debemos acudir a Preferencias.

Y apareceremos en esta ventana.

Bien, vamos por partes ;)

1 - Opciones generales.

Podemos elegir el texto enriquecido y si queremos que las notificaciones de moderación nos lleguen al e-mail.

2 - Blog Personal.

Es la más importante para poder cambiar el aspecto de nuestro blog. Tenemos varias opciones.

2 - 1 - General.

Configuración básica.

Aquñi podemos cambiar el título de nuestro blog, y poner la descripción que deseemos para que el resto de las personas se hagan una pequeña idea de lo que les ofrecemos.

Categorías.

Añadimos las categorías que más nos interesen, por ejemplo si eres un amante del futbol puedes poner deportes y fútbol, entre otras cosas.

Esta información aparece en el bloque superior derecho de tu blog.

Yo no he agregado mi blog a ninguna categoría, por eso no aparece en la descripción.

Administrar diseños de blogs.

Los diferentes diseños que hagamos podemos guardarlos para usarlos en un futuro, o compartirlos con el resto de bloggers. La información es muy detallada asi que leerla si quereis importar o exportar un diseño.

Google Analytics.

¿Quieres ver las estadísticas de tu blog? las visitas, los países desde los que te visitan, las ciudades, el navegador más usado...Pues todo esto lo puedes conseguir si activas esta opción. Te registras en google Analytics y ale ;)

2 - 2 - Tema base.

En este apartado puedes elegir el color del fondo que desees, blanco o azul marino.

2 - 3 - Diseño de blog.

Esta es la opción más importante, pues es donde encontramos donde cambiar el color de fondo, el color del texto, de los bloques, donde poner la cabecera, imágenes de los bloques, el skin, etc, etc.

Abrimos la pestaña de "Selector de elementos" y ahí encontramos diferentes opciones:

1 - Configuración de cabecera y skin de la página:

♣ Título del blog. - Donde situarlo, el color y el tamaño.

♣ Imagen de cabecera. - Elegir la predeterminada del blog, o hacer una cabecera propia.

♣ Menú principal. - Color del fondo.

♣ Skin de fondo de la página. - Elegir el color de fondo (si no se quiere usar una imagen) o poner una imagen subida a nuestros ficheros. Para más información Tutoria: Skin con continuidad que simula bordes en nuestro blog y "Novedad: Completa el diseño de tu blog con una imagen de fondo".

2 - Configuración de la zona de contenido.

♣ Colores de texto y enlaces.

♣ Fuentes y tamaños del texto.

♣ Colores e imágenes de fondo. - Se diferencia el fondo de la página, del contenido y de la brújula.

♣ Iconos de listas de elementos. - Podemos usar los que aparecen en el blog, o introducir unos nuestros.

♣ Otros complementos. - El color de la fecha del calendario, el icono, etc.

3 - Configuración de los bloques laterales.

♣ Título de los bloques. - Color, fuente, posición y tamaño.

♣ Colores y fuentes de contenido.

♣ Colores e imágenes de fondo. - Fondo del lateral derecho, fondo del bloque, del título y del contenido.

♣ Iconos de listas de elementos.

♣ Bordes y esquinas. - Forma del borde de los bloques de nuestro blog.

Podeis ampliar la información de como cambiar vuestro blog en Como tunear nuestro blog.

2 - 4 - Configuración de bloques.

Podemos seleccionar que bloques formarán parte de nuestro blog, y cuales no.

En principio la mayoria vienen a la izquierda (flechas verdes) Esos son los que no forman parte de nuestro blog. Si queremos activarlos hacemos click en la felcha verde y dicho bloque pasa a la parte derecha, los bloques activos.

Tenemos 5 bloques libres para usarlos como creamos más conveniente.

2 - 5 - Google Adsense.

Google Adsense nos da la oportunidad de introducir publicidad en nuestro blog, lo que nos dará unas perrillas (pocas, asi que no os emocioneis X-D) Podeis configurar donde poner la publicidad y los colores de esta.

3 - Ficheros Personales.

En este apartado es donde debeis subir las imagenes que querais usar de cabecera, fondo de bloque, de contenido, etc. Tener cuidado con el tamaño de las imagenes, deben ajustarse a la medida de cada sitio, es decir, la cabecera tiene unas medidas determinadas, el fondo del bloque otro, etc, además de tener un peso máximo, asi que leer bien ese tipo de detalles.

PD - Hoy estoy happy yeah baby bwahahahaha ¡VOY A ILUSTRAR UN SEGUNDO LIBRO! Me acaban de llamar yeaaaaaaaaaaaaaaaaah.

PD 2 - Gracias a Kid, logan y Rikku por los animos de ayer ^^

Hasta otraaaaaaaaaaaa.

Frase del día: En cada amanecer hay un vivo poema de esperanza, y, al acostarnos, pensemos que amanecerá. Noe Clarasó, escritor español.

Ja ne, mata

Tweet Compartir

Barrapunto Blinklist BlogMemes Delicious Digg Facebook Favoriting Fresqui Furl Google Icerocket Ma.gnolia.com Menéame Newsvine Propeller Reddit StumbleUpon Technorati Webéame Yahoo