Personalizando Blogger ♥

Basado en la interfaz de Blogger (2012)

Ya cuando tengamos nuestra cuenta y elegido una plantilla de la que nos ofrece blogger comenzaremos con el proceso de personalizarla a nuestra manera.Solo he colocado lo que me parece básico , para que los principiantes se familiarizen y bueno espero que les sirva a todos igual .

Encontraremos esta opción en nuestro dashboard o home (donde haremos todos los cambios relacionados con el blog)

Al darle clic nos debe aparecer lo que ven en la imagen (obviando el corazón y el logo de rk xD), aquí  haremos los cambios básicos  del blog, como ves te  aparecerán 5 opciones:

Abajo aparecerá la vista previa de todo lo que vayan haciendo- . •u•, asi que pueden ir cambiando y abajo mirar como va tomando forma su pequeño blog ♥(lo de pequeño es un cariño, no un insulto .-.).

 Cuando vayan a colocar la imagen de fondo, si por ejemplo es pequeña y quieren que se repita solo deben ir a las opciones que aparecen al lado y ponerla, si se fijan en mi imagen de fondo es de 30x30 pixeles >u<:

Como pueden visualizar pueden colocarla sin mosaico que seria que no se repita. Esta tapado, pero también verán la opción de •desplazarse con la página, (algunos gustan de imágenes grandes) si así lo prefieren :)

Exploren las opciones, para hacerle cambios mínimos al blog: cambiar la plantilla original (por las que ofrece blogger), agregar o quitar columnas (esto se hace en la opción diseño), color de vínculos, letra, encabezados, fondo, tamaño del blog, etc. 

  

Al darle clic en los ositos te llevara a páginas donde podrás encontrar fondos lindos para tu blog.

En este apartado les enseñare a configurar la imagen de cabecera, favicon, barra de navegación y añadir gadgets :)

Para la imagen de cabecera ya el gadget esta configurado así que solo debemos darle en el texto editar y cambiar la imagen por la de su preferencia. Para esto utilicen editores gráficos (Gimp, Photoshop, Paint, etc...) para conseguir la imagen deseada *-*.

El titulo del blog es el que aparecerá en las pestañas de los navegadores y si ponen su página en marcadores igual, la descripción ayudara a tus futuros visitantes a conocer sobre que trata tu blog. :)

Al darle clic en el osito te llevara a una página donde podrás encontrar cabeceras para tu blog.

Otra cosa si quieren saber de que ancho necesitan la imagen de cabecera solo tienen que (En el diseñador de plantillas) tomar la medida en  ajustar ancho y tomar la medida donde dice blog completo.

Muy sencillo ¿verdad?, oh bueno lo que mas se me complica es conseguir la imagen perfecta y editar para ese diseño de blog, hasta que quede conforme xD, así que ganbatte ♥.

Me imagino que han visto en un blog: reloj, calendario, chat, contadores de visita, en fin.... todos estos extras son gadgets, aplicaciones para tener algo vistoso y práctico. Para agregar uno de estos haremos clic en el texto Agregar un gadget

Te aparecerá un listado de aplicaciones que puedes poner y cambiarlas de lugar en elementos de página, el que mas uso es el de HTML/JavaScript, ya que en páginas útiles copio códigos html, por ejemplo el menú.

Por citar un ejemplo pueden ingresar a esta página donde hay unos relojes muy lindos, asi van probando: Clic♥ 

Si no les gusta la barra que aparece al comienzo de su plantilla de blog (como a mi) entonces solo deben hacer esto:
Solo deben darle a editar y se abrirá la configuración de la navbar, buscan la opción de desactivar y listo :).

Concepto ♥ Un favicon es la imagen que identifica una web con un logo sencillo y que aparece en la barra de direcciones de una web, al añadirlo a favoritos (o marcadores) y en las pestañas de las distintas ventanas abiertas con el navegador. 

 Deben tener una imagen de 16x16 pixeles, si así de pequeña para que se vea bien.

Luego pueden utilizar la opción de blogger donde dice favicon y editar, solo deben subir la imagen y guardar >u<

O bien puede editar el HTML que lo explicare en la siguiente pestañita ;)

Esta es la parte que mas me gusta así que vamos a editar ^u^

cuando necesiten buscar una palabra en especifico en el codigo de la plantilla como cuando te dicen pega esto antes de </body> o <head> y haci entonces presiona Ctrl + F y ahi te saldra un buscador escribes la palabra de referencia y listo, mas sencillo que ponerte a buscar palabra por palabra en toda la plantilla ^-^ 

Bueno empecemos donde lo deje en la anterior pestaña, el favicon

Buscamos < title > (sin los espacios), y antes de eso pegamos el siguiente código:

<br /> <link href='Urldetufavicon' rel='icon' type='image/gif'/> <br /> <link href='Urldetufavicon' rel='shortcut icon' type='image/gif'/> <br />

Donde dice Urldetufavicon  debes cambiarlo por la url de tu imagen,la puedes subir en cualquier servidor como Photobucket, Blogger..., y en type tienes que cambiar el formato gif por png o jpg según el formato de imagen que subas.

Antes de < body> pegar:

<br /> <style type='text/css'> body {cursor:url(Urldelcursor),default} </style> <br />

Al darle clic en el osito te llevara a una página donde podrás encontrar cursores para tu blog.

El blockquote sirve para citar o yo casi siempre lo uso para enfatizar algo ;).

En esta página además de tener muchos tutoriales html también hay un apartado dedicado a los Blockquote
http://wanaseoby.blogspot.com/p/tutorials.html


En el menú "tutoriales" podrán encontrar varios tutos sobre html, aquí les dejo unos sencillo para que vayan probando: ♥

 Cambiar color al texto seleccionado
 Textarea
 Galería thumbnail 

Estas son ideales si quieres hacer páginas que sean permanentes por ejemplo, una página sobre ti, un menú lleno de muchos submenús, en fin lo que quieras xD. Les enseñare como poner una página estática y se van familiarizando ^-^.

Actualmente (diseño del blog 2013) mis páginas estáticas se encuentran sin mostrar en un menú horizontal o vertical aparte ya que deje un solo menú, pero ustedes pueden hacerlo.

hay le pueden dar a las opciones que mas les guste :)

Ciudad Blogger/ El balcón de Jaime/ El Escaparate de Rosa/ OloBlogger/

No podía faltar el consejo de algunas páginas de chat, estos cbox podrás colocarlos en tu blog,donde tus visitantes puedan dejarte mensajitos y tu igual:

Esta página es genial tiene los códigos HTML y Java de muchos colores siempre la uso cuando voy a editar *--*

Clic♥

Oh bueno esta es una super actualización de mi anterior post en taringa (las imágenes dieron de baja o yo por error las elimine :X)