17 Hacer Blog

HACER UN BLOG Vamos a ver los básico. Para ello vamos a explicar como hacer blog en BLOGGER, en WORDPRESS.COM y con WORDPRESS.ORG ¿qué diferencia hay? Blogger y Wordpress.com son servicios de blog que ponen a disposición estas empresas. Por lo tanto no es necesario que tengamos un “terrenito” en Internet. Vaya que no hace falta que compremos ningún dominio ni horst (nombre y espacio donde alojarlo) Wordpress.org debes instalarlo en tu propio dominio y por lo tanto, aunque es gratuito el dónde alojarlo si te cuesta dinero. La diferencia es clara en cuanto a resultados. Con wordpress.org tienes posibilidad de manejarlo mucho consiguiendo acabado estupendos. Pero también tiene la desventaja de que es algo más difícil. En los otros dos, los acabados de wordpress.com son mucho mejores que Blogger, tiene más posibilidades con lo que es muy recomendable si te interesa conseguir un acabado de calidad. p.e. visita uno que he hecho este año para colgar algunas cositas de ASC http://porelojodelacerradura.wordpress.com/ En hacerlo se tardan 5 minutos y el acabado nada tiene que ver con los de Blogger. p.e. el que he hecho para coleccionar estas instrucciones: http://esocomosehace.blogspot.com ¿Y entre ellos por cual optar? Depende lo que quieras. Porque el problema que tiene Wordpress.com es la dificultad para poder colgar distintos objetos, cosa que no pasa con Blogger. En Blogger cualquier objeto que quieras colgar puedes hacerlo por el sistema de buscar el código en htlm e insertarlo en la entrada o donde quieras. Esto no sucede con Wordpress. Para este tipo de blog debes buscar la dirección donde está el objeto a copiar y luego insertarlo usando algún truquillo, que no es muy difícil pero menos cómodo. ¿Por qué el Blog del Departamento no tiene problemas para copiar el código? Porque está hecho en wordpress.org y existen plugin que podemos instalar (subir físicamente a nuestro “terrenito” en Internet) de forma que puedan copiarse los códigos deseados y los reconozca. El problema es que lógicamente en Wordpress.com y Blogger no te dejan que subas plugin (ten en cuenta que son programas: riesgo de virus, ocupan sitio, etc.) y tienes que apañarte con lo que tienen instalado por el servidor.

BLOGGER Aunque el acabado sea peor vamos a empezar por Blogger porque es más rápido. Creo que es ideal para usarlo como blog-registro de actividades de aula. Es decir. Supongamos que queremos hacer un blog rápido, que nos permita colgar comentarios y fotos, pelis, etc. rápido y sin problemas para que los alumnos-as puedan bajarselo todo, comentar, verlos, etc. pero no nos preocupa demasiado conseguir una imagen promocional. Un ejemplo de esto es el blog que hice para un minicurso este verano (tenía la función de recoger lo que sucedía pero no hacía falta que fuera las Meninas de Velázquez) http://tallerdecreaccion.blogspot.com/ Vamos a hacer un Blog con BLOGGER Después de acceder a nuestra cuenta GMAIL Seleccionamos MAS – TODAVIA MÁS (por cierto veo que hoy han cambiado la apariencia de GMAIL y te permite elegir temas nuevos) Después seleccionamos BLOGGER

CREAR BLOG AHORA y rellenamos los datos que piden. Luego elegimos la PLANTILLA que queramos. No te pares mucho porque luego puedes cambiarla cuanto quieras.

EMPEZAR A PUBLICAR y te sale una pantalla que te permite hacer tu primera entrada (Post)

Vamos a ver el DISEÑO de nuestro blog pinchando en al pestaña DISEÑO

Aquí tenemos las partes de que se compone. Arriba vemos la cabecera (podemos poner el titulo o bien cambiarlo por una imagen). La parte del Cuerpo (que pone “entradas del blog” y a la derecha la columna que tendrá diversos “servicios” que podemos incluir (contadores, un reloj, fotos, un grabador, un Chat, etc) a cada uno de ellos Blogger los llama GADGET y será lo mismo que Wordpress llamará Widget.

Vamos a ver que aspecto tiene el blog. Pinchamos en VER BLOG

¿Qué incluir en la columna de la derecha?. Volvemos a Diseño: Para ello PERSONALIZAR (arriba a la derecha) – DISEÑO – AÑADIR UN GADGET. Nos aparece una ventana emergente con algunos de los que podemos incluir

No vamos a verlos todos, pero si nos interesa uno titulado HTML/Javascrip (bajando)

Si pinchamos sobre él podemos insertar un código (puede ser de una video, presentación, etc. Pero también el que resulta de un contador de visitas, etc.)

WORDPRESS.COM BÁSICO Vamos a ver los básico de Wordpress.COM. Nos vamos a la página de wordpress.com http://es.wordpress.com/ y buscamos a la izquierda donde nos invita a que hagamos un blog nuevo.

Rellenamos daos. En la siguiente podemos cambiar el nombre del dominio y del blog que sale por defecto.

Luego nos piden algunos datos más y nos envían un mail de . Nos vamos al correo (en este caso Gmail) y pinchamos donde nos dice para confirmar la creación del blog

(No os asustéis. Es la pantalla de Gmail. Solo la he cambiado el fondo; ya os he contado antes que desde el 2-11-08 se puede elegir el estilo). Después de confirmar me sale una pantalla que me recuerda mis datos y me dice que todo está OK:

YOU ACCOUNT IS NOW ACTIVE! Vamos a ver nuestro blog VIEW YOUR SITE

Et voilà. Un poco vacío pero está. Ahora solo queda darle la forma que nos guste, incluir los objetos que queramos (contadores, fotos, pelis, Chat, etc.) y empezar a hacer entradas (Post, ¿recuerdas?) Para entrar a editarlo hay dos formas. En el blog buscar una opción que ponga ADMINISTRACIÓN o INICIAR SE SION o su equivalente en inglés. En el caso de que no lo encuentres (Puede que algunos fomatos de blog (Themes) no lo tengan debes poner en el navegador la siguiente dirección: http://peploro.wordpress.com/wp-login.php Claro está que debes sustituir “peploro” por el nombre de tu blog. Te aparecerá una pantalla como esta en la que debes rellenar tus datos:

Y entras en una página que te suena porque es como la del Departamento.

Solo vamos a ver lo siguiente: • • •

Cambiar el aspecto del blog Incluir widget (“cosas” en las columnas), Hacer entradas y páginas

•

Ver los trucos para incluir lo fundamental en esas entradas (imagen y álbum de picasa, id con Flickr, película con youtube, presentación de slideshow, documentos de pdfcoke, y power point con slideshare)

Cambiar el aspecto del blog (Theme) Seleccionamos DISEÑO – TEMAS y veremos los que están disponibles.

Bajamos y buscamos. Me ha gustado uno que se llama MISTY LOOCK. Lo seleccionamos y lo activamos (arriba a la derecha). Luego VER SITIO

Muy chulo pero quiero cambiar la imagen. Vuelvo a ADMINISTRACIÓN y selecciono DISEÑO – CABECERA PERSONALIZADA. Y buscamos la imagen en nuestro ordenador.

SUBIR y luego RECORTAMOS la imagen para que quede del tamaño apropiado. VER SITIO

Para borrar o modificar el titulo y subtitulo nos vamos de nuevo a ADMINISTRACION y en OPCIONES (a la derecha) elegimos GENERAL. Allí podemos borrar o modificarlos

Si queremos hacer más cambios podemos hacerlos pero hay que saber un poquito. Investiga en DISEÑO – EDITAR CSS

WIDGET Nos

vamos

a

DISEÑO

–

WIDGET

Los disponibles son los que están a la izquierda. Se pueden situar en las columnas que tenga el diseño de la página (en nuestro caso solo hay una columna 0 “barra lateral” pero los hay con varias. Para ir de una a otra columna se puede hacer con la ventana desplegable de la derecha) No vamos a ver todos. Nosotros vamos a incluir como ejemplo TEXTO, NUBE DE ETIQUETAS, CALENDARIO y ENLACES. Podemos colocarlos en el orden que queramos arrastrando. Si los abrimos podemos editarlos. En el de TEXTO podremos incluir cualquier cosa que nos admita. En Blogger podriamos poner casi cualquier cosa ya que admite Flash y Java pero en wordpress.com no pasa así. Hay que andar probando. Vemos el resultado

HACER PÁGINAS Esto es algo muy bueno de Wordpress. Además de entradas se pueden hacer páginas de forma que puedas organizar determinadas informaciones que quieras tener estables. Ojo: la diferencia entre páginas y entradas es que las páginas no son cronológicas como las entradas. Imagina que fueran pequeñas hojas web que tienes pegadas debajo de tu blog (son estáticas). Por defecto viene una que se llama ABOUT. Para quitarla nos vamos a GESTIONAR – PAGINAS y veremos una lista con las que tenemos. Debemos pinchar sobre la casilla de la izquierda y ELIMINARLA. Para crear una página debemos ESCRIBIR – PÁGINA. El aspecto es igual al de las entradas y podemos contener en ellas lo mismo que en una entrada, pero ojo es estática. Veremos que aparece una pestaña (si es que el diseño que hayamos elegido tiene pestañas). Vamos a crear una página llamada RESBALANDO Por cierto. Vemos que al modificar los widget ya no aparece el enlace a la pagina de gestión del blog. Para ir alli podemos hacerlo en http://peploro.wordpress.com/wp-admin/

Luego veremos como se puede poner una peli de youtube

HACER ENTRADAS Primero borramos la que viene de ejemplo GESTIONAR – ENTRADAS Pichamos sobre ella y BORRAR Vamos a hacer una nuestra ESCRIBIR – ENTRADAS y lo hacemos

Después de escribir podemos poner etiquetas. Esto son palabras que asociadas a esa entrada nos va a permitir encontrarla y agrupar las que coincidan (aparecerán en el widget que hemos creado antes como “etiquetas”)

COMO INSERTAR OBJETOS Insertar imagen de PICASA (foto y álbum)

Igual que con Blogger (copiando el código) Insertar imagen de Flickr Encima de la entrada pinchar sobre insertar imagen y luego pegar la dirección URL (se obtiene al pinchar encima de la foto en “todos los tamaños”) Album de Flickr Insertar la imagen y luego hacer un link desde la foto al álbum. Para hacer un link una vez insertada la foto en la entrada seleccionarla y pinchar sobre el boton de “enlace” (la cadenita) y poner la dircción del álbum. Insertar peli de youtube Copiar la dirección URL y ponerlo detrás del igual … [youtube=http://……….] Tambien se puede pegar el código (embed) y wordpress hace el cambio. Insertar una presentación de fotos con slideshow Cogemos el código (embed) y buscamos el número que aparece detrás de code=9472634899 Luego ponemos (sustituyendo el número [slide 348457593037879] Insertar sonido con GOEAR Supongamos que tenemos un archivo guardado en GoEar llamado “Sirena por la libertad”, el cual tiene el siguiente enlace para reproducirlo: http://www.goear.com/listen.php?v=ecdb94d Resalto en negrita el identificador del archivo, ya que cada mp3 subido, genera un archivo XML, que puede ser accedido de la siguiente manera: http://www.goear.com/files/sst/secmXXXXXXX.xml Donde XXXXXXX es el identificador del archivo, por la tanto sustituimos las “X” por el id del mismo (ecdb94d) y nos queda: http://www.goear.com/files/sst/secmecdb94d.xml

Accedemos a la dirección en nuestro explorador y se mostrará el contenido del XML, indicando el enlace directo al archivo mp3, en la seccion “song path=”, en nuestro caso el valor es: “http://www.goear.com/files/sst3/b420897f66214cebcd95a8e566360983.mp3″ Que será el mismo que agreguemos al tag del plugin de audio de WordPress.com, así que nos queda algo como esto: [audio="http://www.goear.com/files/sst3/b420897f66214cebcd95a8e566360983.m p3"] Insertar un documento de Scribd De momento WordPress no admite Scribd asi que no se puede colgar una ventana que permita prever el documento como en Blogger. Lo que hacemos en abrir el documento de Scrid y hacer una captura de la pantalla (ALT+IMP. PANT) Luego la guardamos como una imagen y la subimos a picasa, flickr o bien al propio Wordpress en “Medios”. La insertamos como ya hemos visto y luego hacemos un enlace seleccionando como hemos hecho para el álbum de Flickr Un Power Point con Slideshare Ya se puede obtener el código para worpress. En Slideshare debajo de donde poene embed pinchar sobre OPTIONS y veremos el código a copiar par wordpress