Modificando las plantillas para blogger

Antes de empezar a meternos en el tema vamos a hablar de las tres formas que existen para modificar la apariencia de tu blog:

- Editar el código HTML: bastante complejo si, como yo, no tienes amplios conocimientos de informática. Aún así, hay webs que te ayudan mucho a hacer modificaciones en el código. Normalmente te dicen que busques una línea específica (pulsando Ctrl+F sale una barra de búsqueda en el navegador) y que la sustituyas por otra que te dan ellos. Aún así es la parte más difícil.

- Editor de plantillas de Blogger: muy intuitivo y fácil de usar. Iremos paso a paso viendo qué se puede modificar y cómo para que tu blog quede claro, sencillo y fácil de visualizar por cualquier usuario. 

- Plantillas externas: la tercera opción es buscar plantillas creadas por otras personas (con más conocimientos que yo seguro sobre edición HTML) e instalarlas en tu blog. Más adelante hablamos también sobre cómo hacer esto y dónde buscar plantillas.

Editor de plantillas de Blogger

Vamos a empezar por saber cómo modificar las plantillas de Blogger. Para ello nos vamos al editor de plantillas desde el Escritorio de Blogger > Plantilla:

El editor de Blogger nos ofrece diferentes plantillas preparadas de antemano, agrupadas en diferentes categorías. Excepto las dinámicas, que ofrecen menos posibilidades de personalización, el resto pueden ser una buena base para empezar. Aunque, ante la duda, ya lo he dicho: la más simple. 

Lo primero que vamos a hacer es ajustar el ancho del blog. El ancho del blog es algo muy importante, ya que va a suponer que se vea bien o no en las diferentes pantallas (excepto si es una plantilla responsive, pero eso es edición demasiado avanzada). Yo recomiendo usar la siguiente configuración:

¿Por qué 1024px? Pues muy sencillo: por la resolución de las pantallas. Antiguamente la mayoría de pantallas tenían una resolución de 800x600, por lo que nos interesaría poner un ancho de 800. Pero hoy en día la mayoría de las pantallas tienen mayor resolución, en torno a los 1280px. ¿Por qué no usar entonces un ancho de 1280px? Pues porque aún hay un 20% aproximado de usuarios que usa pantallas 1024px y no hay que menospreciar ese porcentaje. 

El ancho de la barra lateral ponedlo a vuestro gusto ;)

En Diseño es donde puedes elegir si tener una sola barra lateral o varias. Yo recomiendo usar sólo una:

Después de ajustar el ancho podemos preocuparnos de la siguiente parte, en el botón de Avanzado. Aquí podemos modificar TODO lo que sale en el blog. La fuente y los colores tanto del título del blog como de los gadget o del cuerpo de las entradas. También modificas el color de fondo, el color del fondo de las entradas, de la barra de páginas...

Aquí ten en cuenta ser uniforme en el uso de colores y fuentes. Interesa más usar una sola fuente para todos los títulos (tanto de gadget como de entradas) que usar mil fuentes diferentes. El usar una sola fuente da una sensación de claridad. En cuanto a los colores, elige dos (o tres) colores principales y úsalos a lo largo de toda la plantilla. 

Instalar plantillas externas

Si aún y todo eso de diseñar tu propia plantilla no te convence hay páginas webs que tienen plantillas gratuitas (y de pago) para Blogger. Cuidado con estas plantillas, muchas de las que se ofrecen de forma gratuita tienen los códigos mal escritos, por lo que da fallos. Esto lo hacen, básicamente, para que uses la versión de pago de la plantilla. 

Por esto yo te recomiendo usar las plantillas de estas webs, que son bastante buenas, tienen un amplio repertorio y, además, no tienen esos inconvenientes (la versión de pago lo bueno que tiene es que te la instalan ellos, ponen tus redes sociales, las modifican a tu gusto y tienes soporte gratuito de por vida).

¿Que es Photofunia?

PhotoFunia es una página web que te permite ponerle efectos a tus fotos de una manera rápida y sencilla, y sin necesidad de registrarte.

Una vez editadas tus fotos, podrás guardarlas en tu PC o compartirlas en redes sociales como Facebook, Twitter...

¿Que es un Favicon?

Es un pequeño icono (normalmente de 16×16 píxels o de 32×32 px) que se utiliza para identificar un sitio web en las pestañas de un navegador, en un listado de favoritos, o en cualquier otra parte que requiera una identificación pequeña.

En este blog que estás leyendo, el favicon es una “MP” con fondo fucsia que puedes ver junto a la URL o en la pestaña de la página tu navegador.

Para qué sirve un favicon

Es un símbolo que transmite imagen corporativa, así que sirve para:

• Transmitir nuestra imagen de marca cuando alguien navega por nuestra página web y fija su mirada en la zona de la URL del navegador.
• Para que nuestra página sea fácilmente identificable cuando alguien tiene abiertas varias pestañas en su navegador.
• Para que nuestra página sea fácilmente identificable cuando alguien la guarda en sus favoritos.

Y bueno eso es todo los amo <3

¿Que es un Gadget?

Aunque hay varias teorías acerca de la etimología de la palabra gadget la más popular se remonta a los años 1884-1885, cuando la compañía francesa que se encargó de la fundición de la Estatua de la Libertad, "Gaget, Gauthier & Cia", decidió vender réplicas en miniatura del monumento para financiar el proyecto. Sin embargo esto contradice otras teorías, como la que defiende que ya había sido utilizada en el campo de la navegación o la que asegura que proviene de los términos francófonos gâchette o gagé. De cualquier forma el término comenzó a utilizarse y se hizo popular en países anglosajones en la década de '80.

Un gadget o gizmo es un dispositivo que tiene un propósito y una función específicos, generalmente de pequeñas proporciones, práctico y a la vez novedoso. Los Gadgets tienden a ser inusuales con tecnología punta. El término gadget (o widget), también se ha dado a una nueva categoría de mini aplicaciones, diseñadas para proveer de información o mejorar una aplicación o servicios de un ordenador o computadora, o bien cualquier tipo de interacción a través del World Wide Web, por ejemplo una extensión de alguna aplicación de negocios, que nos provea información en tiempo real del estatus del negocio u organización.

En definitiva un Gadget es una jerga tecnológica reciente que se refiere a, genéricamente, un dispositivo que tiene un propósito y una función específica, práctica y útil en lo cotidiano. Son comunmente llamados gadgets a los dispositivos electrónicos portátiles como PDAs, móviles, smartphones, reproductores mp3, entre otros. En otras palabras, es una jerga electrónica.

En el sitio web iGoogle, por ejemplo, es posible añadir algunos de los muchos gadgets disponibles. Google Desktop, Windows Vista, Mac OS X, KDE y Gnome son ambientes que aceptan algunos tipos de gadgets específicos, añadiendo funcionalidades al escritorio del sistema. Cualquier otro dispositivo, como una calculadora o un reloj. . También google tiene su sidebar con muchos gadgets que se pueden usar con el sistema operativo Windows XP , Windows Vista y GNU Linux
La lapicera (portaminas), la llave inglesa, el peine, el tenedor, entre muchos otros, también caben dentro de la definición menos tecnológica.

Ya se ha comentado en sitios afiliados a Mundo de Blog, como ser en Distrito Plural Blogger edition o en Distrito Plural WP, y evidentemente en Widgets, pero la revolución de los gadgets para los blogs comenzó incluso antes que nacieran los propios blogs. Es así, que podemos usar los 108 000 y más gadgets de Google en nuestros blogs y obtener una ventaja visual y de competitividad muy grande, ya que sin la necesidad de programar ni siquiera una sola línea, podemos gozar de casi cualquier función en la que podamos pensar. En esta entrada del blog, por ejemplo, les ponemos un gadget que permite ver You Tube, hacer búsquedas en él y todo estando incorporado en nuestro blog sin ningún esfuerzo.

Algunos ejemplos de gadgets

Videos, relogs, noticias, etc.,  para adjuntar en un blog.

También google tiene su sidebar con muchos gadgets que se pueden usar con el sistema operativo Windows XP , Windows Vista y GNU Linux
La lapicera (portaminas), la llave inglesa, el peine, el tenedor, entre muchos otros, también caben dentro de la definición menos tecnológica.

Los quiero <3

Hablando un poco de Blogger

¿Que es Blogger.com?

Blogger es un servicio creado por Pyra Labs y adquirido por Google en el año 2003, con el fin de ofrecer una plataforma con la que cualquier usuario pudiera expresarse en Internet a través de la publicación de contenidos en blogs propios.

 Es una de las más populares dentro de los escritores amateurs o de aquellos que simplemente buscan un rincón en el que escribir aquello que les apetece, alejándose del entorno profesional. De carácter gratuito, también destaca por su versatilidad, por la comodidad que ofrece a la hora de publicar algo e incluso por las capas de personalización que facilita a los usuarios que quieren experimentar con él.

Un poco de su historia...

Fue lanzado en agosto de 1998, es una de las primeras herramientas de publicación de bitácora en línea y es acreditado por haber ayudado a popularizar el uso de formularios.

Más específicamente, en vez de escribir a mano el código HTML y frecuentemente subir las nuevas publicaciones, el usuario puede publicar a su bitácora en línea, que se actualiza dinámicamente, llenando un formulario en el sitio web de Blogger. Esto puede ser realizado por cualquier navegador web actualizado y los resultados se reflejan inmediatamente.

En el 2003, Pyra Labs fue adquirido por Google; por ende, también Blogger. Google consiguió los recursos que Pyra requería. Más adelante, las "características premium", que eran de pago, fueron habilitadas para el público en general gracias a la ayuda de Google.

En el 2004, Google compró Picasa y su utilidad de intercambio de fotografías Hello. Esto permitió a los usuarios de Blogger poner imágenes en sus bitácoras, y de esta manera, el Fotolog (o la posibilidad de publicar fotografías en las bitácoras) se hacía realidad en Blogger con la integración de Hello.

El 9 de mayo de 2004, Blogger fue relanzado, añadiendo nuevas plantillas de diseño basadas en CSS, archivaje individual de publicaciones, comentarios y publicación por correo electrónico. Después Google lanzaría una herramienta llamada BlogThis! en la barra de búsqueda Google. La herramienta BlogThis! permite abrir una nueva ventana con un formulario de publicación que permite al usuario publicar sin necesidad de visitar la página principal de Blogger.

A finales de 2006, con el nuevo Blogger Beta, se hizo posible lo que tanta falta hacía en Blogger: el poder publicar artículos por categorías o etiquetas, (labels) como son llamados en Blogger, así como la posibilidad de poner bitácoras de acceso restringido para personas invitadas por un administrador del blog, entre otras funciones.

En el año 2010 Blogger introdujo una serie de novedades entre las que se incluyó el diseñador de plantillas para que los usuarios puedan modificar a gusto la apariencia estética del blog sin necesidad de saber código HTML ni CSS, fuentes tipográficas de Google para personalizar el tipo de letra usado en cada uno de los elementos de texto del blog, estadísticas de analítica web, páginas estáticas, previsualización WYSIWYG de nuevas entradas de blog e integración con Google Apps, entre otras mejoras.

En lo transcurrido del año 2012 Blogger ha presentado una serie de funcionalidades para mejorar el posicionamiento web de los blogs, así como una integración más cercana con Google+. Por otro lado, desde enero de 2012 los servidores de Blogger realizan redireccionamientos del dominio de segundo nivel blogspot.com a dominios de segundo y tercer nivel por país de acceso, por ejemplo blogspot.ie (Irlanda)) o blogspot.com.ar (Argentina), con el propósito de mejorar la administración local de contenidos que puedan violar las legislaciones locales de un país, así como evitar intentos de censura.

¿Cuales son las diferencias entre un blog y una pagina web?

Primero un pequeño concepto de cada uno:

Blog: Sitio web o parte de él, donde se recopilan por orden cronológico inverso, escritos de uno o varios autores sobre temas de su interés, y en el que se recogen también los comentarios enviados por sus lectores.

Página Web: Documento conteniendo información (texto, imágenes, videos, etc.), que normalmente forma parte de otro mayor. Su principal característica son las conexiones (hiperenlaces o hipervínculos) a otras páginas web.

Características principales de cada una: 

Blog:

– Compuesto principalmente por entradas o posts que aparecen en orden cronológico inverso. Es usual, además, que cada entrada admita comentarios de quienes leen el post y tengan ganas de opinar sobre él.

– Puede  ser clasificado por los temas que trata (personales, ciencias y tecnología, coches de carrera, periodismo deportivo, o vida de las orquídeas,  por ejemplo), autores que escriben en el blog (amateurs o profesionales de un área), cantidad de autores (uno o más), etc. A la vez puede tener o no fines comerciales, y representar o no a una empresa (en este último caso, se trataría de un blog corporativo). Varias de estas posibilidades pueden aparecer en un mismo blog: ser corporativo y estar escrito por una sóla persona, ser personal, tener fines comerciales y estar especializado en software, por ejemplo.

– La plataforma o software que usaremos para gestionar el blog puede ser gratuita o de pago.

– Las plataformas más usuales para blogs (Blogger o WordPress) son de fácil acceso y gestión, por lo que permiten a casi cualquier usuario de Internet poder montar en pocos minutos un blog básico.

– La mitad de los bloggers de la blogosfera hispana, son de España (según informe de Bitácoras, año 2009).

Página web:

– Un conjunto de páginas web componen un sitio web. El sitio web contiene información (textos, videos, fotografías, etc.)  que se actualiza a una frecuencia variable (generalmente no se actualiza a diario, al contrario de muchos blogs). Una página web o la totalidad del sitio web puede no admitir comentarios o participación de los lectores.

– Para tener una página web propia es necesario “comprar un lugar “(o alojarla) en internet.

– Para montarla y gestionarla es necesario cierto conocimiento técnico.

En resumen: Aguante el blog porque es libre y gratuito e intuitivo de usar, que le da la oportunidad a cualquier persona en hacerse uno y empezar a escribir de lo que se le ocurra y expresarse como quiera :D

Un saludo y gracias por leer <3

Hasta la próxima...

Bienvenidos a todos!!

Soy Samuel Escalante, un chico de 17 años (recién cumplidos) que asiste al colegio I.E.M en salta.
En la materia de informática nos pidieron hacer un blog usando esta herramienta de Google, a la cual voy a ir actualizando cuando nos pidan o tenga iniciativa propia.
Solo espero aprobar...