SlideShare ist ein Scribd-Unternehmen logo
1 von 13
Downloaden Sie, um offline zu lesen
1




VAMOS A CREAR UN BLOG CON BLOGGER




                        4º ESO INFORMATICA
2




       •   Un blog o bitácora es una web (Weblog) que está
           constituida por artículos de texto llamados Entradas, también
           pueden ser fotos, … que se actualiza de forma periódica. De
           forma que las entradas más actuales se colocan al principio de
           la página o parte superior, por encima de las más antiguas.
           Así cuando alguien entre en el blog, lo primero que verá es lo
           más nuevo.

El término blog proviene de las palabras web y log ('log' en inglés = diario). El término
bitácora, en referencia a los antiguos cuadernos de bitácora de los barcos, se utiliza
preferentemente cuando el autor escribe sobre su vida propia como si fuese un diario, pero
publicado en Internet en línea, (definición de Wikipedia).

El blog es el máximo exponente de las herramientas de la Web 2.0: el usuario pasa de ser
un mero espectador para convertirse en el generador de contenidos.

Un blog permite expresar opiniones en Internet.
Es un lugar donde puedes recopilar y compartir todo aquello que te parezca interesante, ya sean
comentarios políticos, un diario personal o enlaces a sitios Web que deseas recordar. Pero has de
tener en cuenta que también podrás permitir o no que los visitantes de tu blog puedan realizar
comentarios a lo que tu has escrito.

Una de las razones del gran éxito de esta herramienta es su sencillez de uso, permitiendo generar
contenidos multimedia e hipertextuales sin demasiadas complicaciones. La red se convierte en la
"Web social", más participativa y al alcance de todos. Comunicar, compartir y conversar son
los pilares en los que se apoya la Web 2.0, y el blog es un fiel reflejo de todo esto.

¿Qué necesito para poder tener un blog?

Existen dos modalidades:

   •   Un servicio Web que nos proporcione gratuitamente un blog, como Blogger, Wordpress o
       Blogia.
   •   Alojamiento en un servidor público o privado que nos proporcione el hosting de nuestro
       gestor de contenidos (CMS) o blog. En Open Source CMS podemos probar las diferentes
       opciones que existen en el mercado.




Vamos a crear un blog y para ello utilizaremos                                 (2009)
http://www.blogger.com

Blogger nació en 1999. Y fue adquirida posteriormente por Google. Se dedica a ofrecer
espacio y herramientas para la creación de blogs de forma gratuita.




                                                                    4º ESO INFORMATICA
3




Términos utilizados en la construcción y mantenimiento de un blog:

          Comentarios permite que cualquiera, en cualquier lugar, pueda comentar tus
          entradas. Puedes elegir si deseas recibir comentarios sobre cada entrada y borrar todo
          lo que no te guste.
          Los Controles de acceso te permiten decidir quién puede leer y escribir en tu blog.
          Se puede utilizar un blog de grupo con varios autores como excelente herramienta de
          comunicación para equipos reducidos, familias y otros colectivos. O bien, como autor
          único, puedes crear un espacio privado online para recopilar noticias, enlaces e ideas y
          compartirlo con tantos lectores como desees, o reservártelo sólo para ti.
          Los Perfiles en Blogger permiten buscar personas y blogs que compartan sus
          intereses. Tu Perfil de Blogger, donde puedes incluir tus blogs y tus intereses, entre
          otras muchas cosas, permite que los usuarios te encuentren, pero sólo en caso de que
          desees que lo hagan.
          Plantillas — La colección de plantillas te permitirá crear directamente un sitio atractivo
          sin necesidad de aprender HTML, aunque Blogger también te da la posibilidad de editar
          el código HTML de tu blog en cualquier momento.
          Personaliza los colores y fuentes — Puedes personalizar las plantillas para crear un
          diseño que refleje a la perfección tu personalidad y tu blog.
          Arrastra y coloca elementos de página — El sencillo sistema de arrastrar y colocar
          de Blogger te permite decidir con facilidad dónde quieres ubicar tus entradas, perfiles,
          archivos y otras secciones del blog dentro de la página.
          Hay un botón para subir fotografías en la interfaz de Blogger. Basta con hacer clic
          en el botón de la fotografía para subir la foto desde el equipo. Si la fotografía ya está
          en la Web, tampoco habrá ningún problema. Sólo indica su URL.


COMENCEMOS:


1) Como Blogger pertenece                                                                    a
Google, deberás haberte
creado previamente una
cuenta de correo en Gmail,
puesto que es la que
vamos a utilizar. Pulsa                                                                      sobre
el botón CREAR UN BLOG.




                                                                     4º ESO INFORMATICA
4




2) Crear una cuenta:

Deberás rellenar los
campos solicitados.

En Mostrar nombre: será tu
firma   cada   vez    que
publiques una entrada en                          el
blog.




                             4º ESO INFORMATICA
5




       Una vez pulsado sobre el botón EMPEZAR A PUBLICAR. Aparecerá la ventana para escribir la
       primera entrada en el blog.

       Creando la primera entrada al blog:




                                     Título del artículo




Tipo de letra
                                   Color                                        Inserta vídeo
                  Tamaño
                                             Inserta imagen



                                                           Escribe una etiqueta para
                                                           cada entrada.




                                                                          4º ESO INFORMATICA
6



Dentro de la pestaña Creación de Entradas:




Encuentras tres pestañas más:

          Nueva Entrada: donde creas nuevas entradas usando el editor de texto.
          Editar entradas: para retocar las entradas que ya hubieras publicado.
          Moderación de comentarios: para aceptar o denegar los comentarios a la entrada que
          has creado. Te dirigirá a la pagina Opciones de comentarios.(pestaña Configuración).

Veremos que contiene la pestaña CONFIGURACION:




Varias pestañas más:

          Básico: desde aquí puedes cambiar el título del blog, su descripción,… una vez
          hechos cambios deberás pulsar sobre el botón

                                             que esta al final de la página.

          Publicación: aquí puedes cambiar la dirección URL del blog.

          Formato: información relativa al idioma, fecha …

          Comentarios: para configurar la forma en que se dejan los comentarios en el
          blog.

          Archivo: para almacenar las entradas de forma ordenada.

          Feed del sitio: para configurar las características de distribución .

          Correo electrónico y móvil: aquí escribiremos los correos electrónicos de
          aquellas personas que queremos que se avise cada vez que escribamos una
          nueva entrada.

          Permisos: un blog podría tener más de 100 autores, y también podemos
          restringir la lectura a ciertos usuarios o autores.

                                                                  4º ESO INFORMATICA
7



Pestaña
DISEÑO:


     Elementos de la Página: para añadir Gadget , modificar archivos del blog, datos personales
     y seguidores.




Para insertar vídeos de Youtube, presentaciones o documentos de
Slideshare, Google Docs, Issue, etc. y demás repositorios sociales, debes
buscar en la página web la ventana o cuadro en el que se publica el
CÓDIGO HTML, darle a copiar, volver a la ventana del artículo del blog
y pegarlo en la pestaña "Edición de HTML".


     Fuentes y Colores:
  Aquí puedes cambiar los colores y el tipo de letra de tu blog.




                                                                   4º ESO INFORMATICA
8
      Edición de HTML: desde aquí podrás modificar la plantilla, si conoces el lenguaje HTML. De
      todas formas tienes la posibilidad de guardar la que tienes antes de modificarla.




      Seleccionar una plantilla nueva

   Desde la siguiente Web puedes cambiar tu plantilla entre un montón diferente de
   diseños.
   http://btemplates.com


   Eso si una vez que te hayas decidido por una, es costoso cambiar a otra ya que te
   descolocaría todo el blog y deberías de ordenarlo de nuevo.


PLANTILLAS PARA BLOGGER

Quieres darle un formato distinto a tu blog, busca una plantilla nueva en:

http://btemplates.com




En la opción Demo, veras como puede quedar distribuido tu blog.

                                                                   4º ESO INFORMATICA
9
En Download descargarás la plantilla en formato zip, que después debes descomprimir
(abrirlo) y seleccionar el archivo de la plantilla , por ejemplo Cruises.xml.

Una vez realizado lo anterior entra en tu blog y en la pestaña Diseño , selecciona Edición
Html. Aparece una ventana como esta:




Primero descarga tu plantilla, para poder recuperar la original (por si acaso) en Descargar
plantilla completa.
Después sube desde tu ordenador el archivo en xml y guarda los cambios.
Ten encuenta que pueden desaparecer algo de tu blog, así que revisa los resultados.




                                                                4º ESO INFORMATICA
10



TUNEANDO EL BLOG:
añadiendo Gadget o widget
Podemos definir a un widget como un pequeño programa con un objetivo específico que
nos provee información relevante o nos brinda un servicio para hacernos más fácil la vida,
con una interfaz gráfica muy atractiva.

Si estamos necesitados de algún widget que nos ofrezca una función en especial y que no
encontremos en Blogger, podemos recurrir "a terceros".




CREA LA MASCOTA VIRTUAL QUE "CUSTODIARÁ" TU BLOG.

Sitio recomendado:

http://bunnyherolabs.com/

Elige la mascota, dale un nombre, indica tu nombre de usuario (como adoptante) y haz
clic en Finish.
Entrarás a esta página. Haz clic en "other sites" y pulsa Copy

                                   En la pestaña DISEÑO ir a "Elementos de la página",
                                   luego "Añadir un gadget":
                                   Haz clic en "HTML/Javascript ", en "Título" escribe MI
                                   MASCOTA, en el cuerpo, pega el código y guarda los
                                   cambios.
                                   <bunnyhero pet start/>
                                   <div style="width: 200px; padding: 0; margin: 0; text-align: center">
                                   <embed pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high"
                                   flashvars="cn=erizus&an=mariajose&clr=0xc153b3" type="application/x-shockwave-flash" height="200"
                                   src="http://petswf.bunnyherolabs.com/adopt/swf/hedgehog" bgcolor="ffffff" width="200">
                                   </embed><br/>
                                   <small><a href="http://bunnyherolabs.com/adopt/">adopt your own virtual pet!</a></small>
                                   </div>
                                   <bunnyhero pet end/></bunnyhero></bunnyhero>




Lo que acabas de hacer es instalar un widget en tu sitio.




                                                                                       4º ESO INFORMATICA
11



¿QUIERES SABER CUÁNTAS PERSONAS VISITAN TU BLOG?
A mayor cantidad de visitas, mayor popularidad...
Te recomiendo el sitio:
http://www.efreecounter.com/
Podrás elegir, entre cientos, el tipo de contador que más te guste.




PICTURE TRAIL

Este cubo con fotos se puede publicar en blogger directamente desde el portal de
PictureTrail. Sólo tienes que hacerte una cuenta y guardar la presentación que hayas
realizado para obtener el código html e insertarlo en tu blog.




¿CÓMO PONER UN JUEGO EN TU BLOG?
Entrar a http://www.widgetbox.com/tag/games

Allí encontraréis más de 4000 juegos, para subir al blog.
Lo único que tienen que hacer es elegir un juego y hacer clic sobre él.
Luego pulsar el botón GET WIDGET.
Aparecerá una ventanita.
Ahora hacer clic en COPY.
De esa manera, obtendréis el código del juego.

Luego acceder al blog, ir a Diseño, Elementos de la página, Añadir un gadget, opción
HTML, como título escriban el nombre del juego y en el cuerpo de la ventana peguen el
código copiado.
Guardar y... suerte!

                                                                4º ESO INFORMATICA
12

GIF ANIMADO EN BLOGGER

TRUCO:

Para colocar una imagen animada en blogger y que puedas ver como se mueve, primero has de
seleccionar la imagen y guardarla en un servidor externo a Blogger.
Por ejemplo : http://imageshack.us


Deberás registrarte para crear una cuenta (utiliza el mismo nombre de usuario y constraseña de
siempre para no olvidarlo).

En la barra de menú (naranja) pulsa sobre My Images, aparecerá un menu a mano derecha donde
deberás seleccionar Upload image . En la ventana que aparece, pulsa examinar para buscar la
imagen animada que guardaste en tu ordenador, y pulsa sobre Upload.

La imagen aparecerá en pantalla, seleccionalá (aparecera remarcada de naranja) y con el botón
derecho del ratón sobre la misma selecciona del menú emergente SHARE IT. Aparecerá una
ventana con varios códigos para varias cosas.

El que nos interesa es el que viene destras de la palabra
direct: http://img50.imageshack.us/img50/3653/perrito10thumb.gif , esto es lo que debes
copiary después insertarlo como una imagen en la entrada, pero ahora en vez de examinar tu
ordenador la imagen la traerás desde una url externa.
Y el resultado será:




COMO PONER UN CALENDARIO EN TU BLOG:
Existen páginas que nos ofrecen calendarios para colocarlos en el blog y no es tan difícil de agregarlos.
Empecemos:
1. Visitar http://www.free-blog-content.com/ en donde encontraran diferentes tipos de calendarios, tales
como: animados, de chicas, de autos, entre otros.
2. Al ingresar a Free Blog Content deberán escoger algún tipo de calendario, anteriormente mencionado.
3. Por ejemplo, escogí Cars Calendars y elegí el auto anaranjado. Debajo de la imagen dice: To get this
Calendar y mas abajo hay un código que se tendrá que copiar y pegar en el blog.

y el resultado es :

Nota: Muy fácil de colocarlos en el blog. Existen otras páginas como: My Garden Collection Creaciones
Gifss.es (Calendario - Reloj) Widgetbox (Tendrás que registrarte)Mais Blog.com (Calendario y otros
accesorios).




                                                                            4º ESO INFORMATICA
13

TRABAJO FINAL

Existen multitud de aplicaciones para el blog en la red os animo a que encontréis nuevas y
en el blog de común de la clase creéis la entrada para contarnos a los demás como
podemos aplicar lo que habéis encontrado a nuestros blogs.




                                                               4º ESO INFORMATICA

Weitere ähnliche Inhalte

Was ist angesagt? (8)

Informacion de blogger
Informacion de bloggerInformacion de blogger
Informacion de blogger
 
Informacion de blogger
Informacion de bloggerInformacion de blogger
Informacion de blogger
 
Diapositivas ntics
Diapositivas nticsDiapositivas ntics
Diapositivas ntics
 
Manual de-blogger
Manual de-bloggerManual de-blogger
Manual de-blogger
 
Curso blogs, wikis, podcast
Curso blogs, wikis, podcastCurso blogs, wikis, podcast
Curso blogs, wikis, podcast
 
Cap3
Cap3Cap3
Cap3
 
WEB 2.0
WEB 2.0WEB 2.0
WEB 2.0
 
Manual para hacer un blog
Manual para hacer un blogManual para hacer un blog
Manual para hacer un blog
 

Andere mochten auch

Andere mochten auch (20)

Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Reporte de lectura 2
Reporte de lectura 2Reporte de lectura 2
Reporte de lectura 2
 
Intereses
InteresesIntereses
Intereses
 
Afiches (breve explicación)
Afiches (breve explicación)Afiches (breve explicación)
Afiches (breve explicación)
 
Diseño de un web quest
Diseño de un web questDiseño de un web quest
Diseño de un web quest
 
Avancetareaacademica 120507092806-phpapp01
Avancetareaacademica 120507092806-phpapp01Avancetareaacademica 120507092806-phpapp01
Avancetareaacademica 120507092806-phpapp01
 
Tp1
Tp1Tp1
Tp1
 
Comuni Picth - 1ra Hackaton de San Isidro
Comuni Picth - 1ra Hackaton de San IsidroComuni Picth - 1ra Hackaton de San Isidro
Comuni Picth - 1ra Hackaton de San Isidro
 
Perla Miranda Colin 202AO
Perla Miranda Colin 202AOPerla Miranda Colin 202AO
Perla Miranda Colin 202AO
 
Acatepec2
Acatepec2Acatepec2
Acatepec2
 
Presentación2
Presentación2Presentación2
Presentación2
 
INTEGRACIÓN DE LAS TIC EN LA EDUCACIÓN - CALLAO
INTEGRACIÓN DE LAS TIC EN LA EDUCACIÓN - CALLAOINTEGRACIÓN DE LAS TIC EN LA EDUCACIÓN - CALLAO
INTEGRACIÓN DE LAS TIC EN LA EDUCACIÓN - CALLAO
 
Hábitos del usuario de internet en méxico 2011
Hábitos del usuario de internet en méxico 2011Hábitos del usuario de internet en méxico 2011
Hábitos del usuario de internet en méxico 2011
 
!Oh la politica!
!Oh la politica!!Oh la politica!
!Oh la politica!
 
GameDay Estadio
GameDay EstadioGameDay Estadio
GameDay Estadio
 
Chavin.
Chavin.Chavin.
Chavin.
 
El problema de lo real y la libertad
El problema de lo real y la libertadEl problema de lo real y la libertad
El problema de lo real y la libertad
 
Polímeros
PolímerosPolímeros
Polímeros
 
Santorini
SantoriniSantorini
Santorini
 
Hoja de recojida de datos
Hoja de recojida de datosHoja de recojida de datos
Hoja de recojida de datos
 

Ähnlich wie Crearblog

manual de blooger
manual de bloogermanual de blooger
manual de bloogerinfrit30
 
como crear un blog
como crear un blogcomo crear un blog
como crear un bloginfrit30
 
Taller de blogging
Taller de bloggingTaller de blogging
Taller de bloggingthexana
 
Blogger grupo 8
Blogger grupo 8Blogger grupo 8
Blogger grupo 8Daiana Aza
 
Informacion de blogger
Informacion de bloggerInformacion de blogger
Informacion de bloggerEdy LOve
 
TRABAJO ESCRITO - BLOGGER
TRABAJO ESCRITO - BLOGGER TRABAJO ESCRITO - BLOGGER
TRABAJO ESCRITO - BLOGGER Viviana Rosero
 
Manual para crear blogs. Aplicados en la actualización pedagógica de los y la...
Manual para crear blogs. Aplicados en la actualización pedagógica de los y la...Manual para crear blogs. Aplicados en la actualización pedagógica de los y la...
Manual para crear blogs. Aplicados en la actualización pedagógica de los y la...PedagoGuia
 
Crear un blog
Crear un blogCrear un blog
Crear un blogJimmy A
 
Tutorial sobre Blog
Tutorial sobre BlogTutorial sobre Blog
Tutorial sobre BlogMTL6
 
El blog como recurso didáctico
El blog como recurso didácticoEl blog como recurso didáctico
El blog como recurso didácticoOKMM
 
Creación de blogs clase 3
Creación de blogs clase 3Creación de blogs clase 3
Creación de blogs clase 3Carlys Pgm
 
Creación de blog
Creación de blogCreación de blog
Creación de blogCarlys Pgm
 
Universidad técnica de ambat1 informe de ntc's blloger
Universidad técnica de ambat1 informe de ntc's bllogerUniversidad técnica de ambat1 informe de ntc's blloger
Universidad técnica de ambat1 informe de ntc's bllogerEl pensamiento 2B
 
Guia de blog
Guia de blogGuia de blog
Guia de blogmimiciria
 

Ähnlich wie Crearblog (20)

manual de blooger
manual de bloogermanual de blooger
manual de blooger
 
como crear un blog
como crear un blogcomo crear un blog
como crear un blog
 
Taller de blogging
Taller de bloggingTaller de blogging
Taller de blogging
 
Blogger grupo 8
Blogger grupo 8Blogger grupo 8
Blogger grupo 8
 
Blogger grupo 8
Blogger grupo 8Blogger grupo 8
Blogger grupo 8
 
Blogger grupo 8
Blogger grupo 8Blogger grupo 8
Blogger grupo 8
 
Informacion de blogger
Informacion de bloggerInformacion de blogger
Informacion de blogger
 
TRABAJO ESCRITO - BLOGGER
TRABAJO ESCRITO - BLOGGER TRABAJO ESCRITO - BLOGGER
TRABAJO ESCRITO - BLOGGER
 
Unidad 2
Unidad 2Unidad 2
Unidad 2
 
Manual para crear blogs. Aplicados en la actualización pedagógica de los y la...
Manual para crear blogs. Aplicados en la actualización pedagógica de los y la...Manual para crear blogs. Aplicados en la actualización pedagógica de los y la...
Manual para crear blogs. Aplicados en la actualización pedagógica de los y la...
 
Herramientas digitales crear un blog
Herramientas digitales crear un blogHerramientas digitales crear un blog
Herramientas digitales crear un blog
 
Como crear un blog
Como crear un blogComo crear un blog
Como crear un blog
 
Crear un blog
Crear un blogCrear un blog
Crear un blog
 
Tutorial blogger
Tutorial bloggerTutorial blogger
Tutorial blogger
 
Tutorial sobre Blog
Tutorial sobre BlogTutorial sobre Blog
Tutorial sobre Blog
 
El blog como recurso didáctico
El blog como recurso didácticoEl blog como recurso didáctico
El blog como recurso didáctico
 
Creación de blogs clase 3
Creación de blogs clase 3Creación de blogs clase 3
Creación de blogs clase 3
 
Creación de blog
Creación de blogCreación de blog
Creación de blog
 
Universidad técnica de ambat1 informe de ntc's blloger
Universidad técnica de ambat1 informe de ntc's bllogerUniversidad técnica de ambat1 informe de ntc's blloger
Universidad técnica de ambat1 informe de ntc's blloger
 
Guia de blog
Guia de blogGuia de blog
Guia de blog
 

Crearblog

  • 1. 1 VAMOS A CREAR UN BLOG CON BLOGGER 4º ESO INFORMATICA
  • 2. 2 • Un blog o bitácora es una web (Weblog) que está constituida por artículos de texto llamados Entradas, también pueden ser fotos, … que se actualiza de forma periódica. De forma que las entradas más actuales se colocan al principio de la página o parte superior, por encima de las más antiguas. Así cuando alguien entre en el blog, lo primero que verá es lo más nuevo. El término blog proviene de las palabras web y log ('log' en inglés = diario). El término bitácora, en referencia a los antiguos cuadernos de bitácora de los barcos, se utiliza preferentemente cuando el autor escribe sobre su vida propia como si fuese un diario, pero publicado en Internet en línea, (definición de Wikipedia). El blog es el máximo exponente de las herramientas de la Web 2.0: el usuario pasa de ser un mero espectador para convertirse en el generador de contenidos. Un blog permite expresar opiniones en Internet. Es un lugar donde puedes recopilar y compartir todo aquello que te parezca interesante, ya sean comentarios políticos, un diario personal o enlaces a sitios Web que deseas recordar. Pero has de tener en cuenta que también podrás permitir o no que los visitantes de tu blog puedan realizar comentarios a lo que tu has escrito. Una de las razones del gran éxito de esta herramienta es su sencillez de uso, permitiendo generar contenidos multimedia e hipertextuales sin demasiadas complicaciones. La red se convierte en la "Web social", más participativa y al alcance de todos. Comunicar, compartir y conversar son los pilares en los que se apoya la Web 2.0, y el blog es un fiel reflejo de todo esto. ¿Qué necesito para poder tener un blog? Existen dos modalidades: • Un servicio Web que nos proporcione gratuitamente un blog, como Blogger, Wordpress o Blogia. • Alojamiento en un servidor público o privado que nos proporcione el hosting de nuestro gestor de contenidos (CMS) o blog. En Open Source CMS podemos probar las diferentes opciones que existen en el mercado. Vamos a crear un blog y para ello utilizaremos (2009) http://www.blogger.com Blogger nació en 1999. Y fue adquirida posteriormente por Google. Se dedica a ofrecer espacio y herramientas para la creación de blogs de forma gratuita. 4º ESO INFORMATICA
  • 3. 3 Términos utilizados en la construcción y mantenimiento de un blog: Comentarios permite que cualquiera, en cualquier lugar, pueda comentar tus entradas. Puedes elegir si deseas recibir comentarios sobre cada entrada y borrar todo lo que no te guste. Los Controles de acceso te permiten decidir quién puede leer y escribir en tu blog. Se puede utilizar un blog de grupo con varios autores como excelente herramienta de comunicación para equipos reducidos, familias y otros colectivos. O bien, como autor único, puedes crear un espacio privado online para recopilar noticias, enlaces e ideas y compartirlo con tantos lectores como desees, o reservártelo sólo para ti. Los Perfiles en Blogger permiten buscar personas y blogs que compartan sus intereses. Tu Perfil de Blogger, donde puedes incluir tus blogs y tus intereses, entre otras muchas cosas, permite que los usuarios te encuentren, pero sólo en caso de que desees que lo hagan. Plantillas — La colección de plantillas te permitirá crear directamente un sitio atractivo sin necesidad de aprender HTML, aunque Blogger también te da la posibilidad de editar el código HTML de tu blog en cualquier momento. Personaliza los colores y fuentes — Puedes personalizar las plantillas para crear un diseño que refleje a la perfección tu personalidad y tu blog. Arrastra y coloca elementos de página — El sencillo sistema de arrastrar y colocar de Blogger te permite decidir con facilidad dónde quieres ubicar tus entradas, perfiles, archivos y otras secciones del blog dentro de la página. Hay un botón para subir fotografías en la interfaz de Blogger. Basta con hacer clic en el botón de la fotografía para subir la foto desde el equipo. Si la fotografía ya está en la Web, tampoco habrá ningún problema. Sólo indica su URL. COMENCEMOS: 1) Como Blogger pertenece a Google, deberás haberte creado previamente una cuenta de correo en Gmail, puesto que es la que vamos a utilizar. Pulsa sobre el botón CREAR UN BLOG. 4º ESO INFORMATICA
  • 4. 4 2) Crear una cuenta: Deberás rellenar los campos solicitados. En Mostrar nombre: será tu firma cada vez que publiques una entrada en el blog. 4º ESO INFORMATICA
  • 5. 5 Una vez pulsado sobre el botón EMPEZAR A PUBLICAR. Aparecerá la ventana para escribir la primera entrada en el blog. Creando la primera entrada al blog: Título del artículo Tipo de letra Color Inserta vídeo Tamaño Inserta imagen Escribe una etiqueta para cada entrada. 4º ESO INFORMATICA
  • 6. 6 Dentro de la pestaña Creación de Entradas: Encuentras tres pestañas más: Nueva Entrada: donde creas nuevas entradas usando el editor de texto. Editar entradas: para retocar las entradas que ya hubieras publicado. Moderación de comentarios: para aceptar o denegar los comentarios a la entrada que has creado. Te dirigirá a la pagina Opciones de comentarios.(pestaña Configuración). Veremos que contiene la pestaña CONFIGURACION: Varias pestañas más: Básico: desde aquí puedes cambiar el título del blog, su descripción,… una vez hechos cambios deberás pulsar sobre el botón que esta al final de la página. Publicación: aquí puedes cambiar la dirección URL del blog. Formato: información relativa al idioma, fecha … Comentarios: para configurar la forma en que se dejan los comentarios en el blog. Archivo: para almacenar las entradas de forma ordenada. Feed del sitio: para configurar las características de distribución . Correo electrónico y móvil: aquí escribiremos los correos electrónicos de aquellas personas que queremos que se avise cada vez que escribamos una nueva entrada. Permisos: un blog podría tener más de 100 autores, y también podemos restringir la lectura a ciertos usuarios o autores. 4º ESO INFORMATICA
  • 7. 7 Pestaña DISEÑO: Elementos de la Página: para añadir Gadget , modificar archivos del blog, datos personales y seguidores. Para insertar vídeos de Youtube, presentaciones o documentos de Slideshare, Google Docs, Issue, etc. y demás repositorios sociales, debes buscar en la página web la ventana o cuadro en el que se publica el CÓDIGO HTML, darle a copiar, volver a la ventana del artículo del blog y pegarlo en la pestaña "Edición de HTML". Fuentes y Colores: Aquí puedes cambiar los colores y el tipo de letra de tu blog. 4º ESO INFORMATICA
  • 8. 8 Edición de HTML: desde aquí podrás modificar la plantilla, si conoces el lenguaje HTML. De todas formas tienes la posibilidad de guardar la que tienes antes de modificarla. Seleccionar una plantilla nueva Desde la siguiente Web puedes cambiar tu plantilla entre un montón diferente de diseños. http://btemplates.com Eso si una vez que te hayas decidido por una, es costoso cambiar a otra ya que te descolocaría todo el blog y deberías de ordenarlo de nuevo. PLANTILLAS PARA BLOGGER Quieres darle un formato distinto a tu blog, busca una plantilla nueva en: http://btemplates.com En la opción Demo, veras como puede quedar distribuido tu blog. 4º ESO INFORMATICA
  • 9. 9 En Download descargarás la plantilla en formato zip, que después debes descomprimir (abrirlo) y seleccionar el archivo de la plantilla , por ejemplo Cruises.xml. Una vez realizado lo anterior entra en tu blog y en la pestaña Diseño , selecciona Edición Html. Aparece una ventana como esta: Primero descarga tu plantilla, para poder recuperar la original (por si acaso) en Descargar plantilla completa. Después sube desde tu ordenador el archivo en xml y guarda los cambios. Ten encuenta que pueden desaparecer algo de tu blog, así que revisa los resultados. 4º ESO INFORMATICA
  • 10. 10 TUNEANDO EL BLOG: añadiendo Gadget o widget Podemos definir a un widget como un pequeño programa con un objetivo específico que nos provee información relevante o nos brinda un servicio para hacernos más fácil la vida, con una interfaz gráfica muy atractiva. Si estamos necesitados de algún widget que nos ofrezca una función en especial y que no encontremos en Blogger, podemos recurrir "a terceros". CREA LA MASCOTA VIRTUAL QUE "CUSTODIARÁ" TU BLOG. Sitio recomendado: http://bunnyherolabs.com/ Elige la mascota, dale un nombre, indica tu nombre de usuario (como adoptante) y haz clic en Finish. Entrarás a esta página. Haz clic en "other sites" y pulsa Copy En la pestaña DISEÑO ir a "Elementos de la página", luego "Añadir un gadget": Haz clic en "HTML/Javascript ", en "Título" escribe MI MASCOTA, en el cuerpo, pega el código y guarda los cambios. <bunnyhero pet start/> <div style="width: 200px; padding: 0; margin: 0; text-align: center"> <embed pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" flashvars="cn=erizus&an=mariajose&clr=0xc153b3" type="application/x-shockwave-flash" height="200" src="http://petswf.bunnyherolabs.com/adopt/swf/hedgehog" bgcolor="ffffff" width="200"> </embed><br/> <small><a href="http://bunnyherolabs.com/adopt/">adopt your own virtual pet!</a></small> </div> <bunnyhero pet end/></bunnyhero></bunnyhero> Lo que acabas de hacer es instalar un widget en tu sitio. 4º ESO INFORMATICA
  • 11. 11 ¿QUIERES SABER CUÁNTAS PERSONAS VISITAN TU BLOG? A mayor cantidad de visitas, mayor popularidad... Te recomiendo el sitio: http://www.efreecounter.com/ Podrás elegir, entre cientos, el tipo de contador que más te guste. PICTURE TRAIL Este cubo con fotos se puede publicar en blogger directamente desde el portal de PictureTrail. Sólo tienes que hacerte una cuenta y guardar la presentación que hayas realizado para obtener el código html e insertarlo en tu blog. ¿CÓMO PONER UN JUEGO EN TU BLOG? Entrar a http://www.widgetbox.com/tag/games Allí encontraréis más de 4000 juegos, para subir al blog. Lo único que tienen que hacer es elegir un juego y hacer clic sobre él. Luego pulsar el botón GET WIDGET. Aparecerá una ventanita. Ahora hacer clic en COPY. De esa manera, obtendréis el código del juego. Luego acceder al blog, ir a Diseño, Elementos de la página, Añadir un gadget, opción HTML, como título escriban el nombre del juego y en el cuerpo de la ventana peguen el código copiado. Guardar y... suerte! 4º ESO INFORMATICA
  • 12. 12 GIF ANIMADO EN BLOGGER TRUCO: Para colocar una imagen animada en blogger y que puedas ver como se mueve, primero has de seleccionar la imagen y guardarla en un servidor externo a Blogger. Por ejemplo : http://imageshack.us Deberás registrarte para crear una cuenta (utiliza el mismo nombre de usuario y constraseña de siempre para no olvidarlo). En la barra de menú (naranja) pulsa sobre My Images, aparecerá un menu a mano derecha donde deberás seleccionar Upload image . En la ventana que aparece, pulsa examinar para buscar la imagen animada que guardaste en tu ordenador, y pulsa sobre Upload. La imagen aparecerá en pantalla, seleccionalá (aparecera remarcada de naranja) y con el botón derecho del ratón sobre la misma selecciona del menú emergente SHARE IT. Aparecerá una ventana con varios códigos para varias cosas. El que nos interesa es el que viene destras de la palabra direct: http://img50.imageshack.us/img50/3653/perrito10thumb.gif , esto es lo que debes copiary después insertarlo como una imagen en la entrada, pero ahora en vez de examinar tu ordenador la imagen la traerás desde una url externa. Y el resultado será: COMO PONER UN CALENDARIO EN TU BLOG: Existen páginas que nos ofrecen calendarios para colocarlos en el blog y no es tan difícil de agregarlos. Empecemos: 1. Visitar http://www.free-blog-content.com/ en donde encontraran diferentes tipos de calendarios, tales como: animados, de chicas, de autos, entre otros. 2. Al ingresar a Free Blog Content deberán escoger algún tipo de calendario, anteriormente mencionado. 3. Por ejemplo, escogí Cars Calendars y elegí el auto anaranjado. Debajo de la imagen dice: To get this Calendar y mas abajo hay un código que se tendrá que copiar y pegar en el blog. y el resultado es : Nota: Muy fácil de colocarlos en el blog. Existen otras páginas como: My Garden Collection Creaciones Gifss.es (Calendario - Reloj) Widgetbox (Tendrás que registrarte)Mais Blog.com (Calendario y otros accesorios). 4º ESO INFORMATICA
  • 13. 13 TRABAJO FINAL Existen multitud de aplicaciones para el blog en la red os animo a que encontréis nuevas y en el blog de común de la clase creéis la entrada para contarnos a los demás como podemos aplicar lo que habéis encontrado a nuestros blogs. 4º ESO INFORMATICA