os blogs. 0 bitacoras en espafiol.

han llevado a cabo una revoluci6n tan impresionante

en la forma en la que generamos contenido en Internet y nos comunicamos con nuestros lectores que su definici6n puede malinterpretarse. Un bloq no es otra cosa que una paqina web con una serie de caracteristicas concretes. se actualiza con una alta periodicidad. los contenidos se recopilan de forma cronol6gica siempre mostrando los mas recientes en la zona superior. permiten publicar comentarios por parte de nuestros leetores y suelen tener una estructura compuesta por una cabecera. una barra lateral con diferentes enlaces y opciones relacionadas con el bloq, una zona central donde se muestra el contenido y un pie con informaci6n ace rca del bloq.

Los blogs son un formato mediante el cual se com parte contenido. como puede ser un periodico. un libro 0 una revista. pero han constituido una forma tan novedosa y potente que han llegado acornpafiados de un nuevo terrnino para referirse a los editores detras de los rnisrnos. los bloggers 0 blogueros. No existen revisteros

o libreros para denominar a las personas que escriben en una revista 0 un libro. pero si para los que escriben en estos diarios digitales. Esta gran revoluci6n viene de la mano de una serie de principios que comienzan con la sencillez para generar contenido. en contra posici6n con 10 que pasaba por aquel entonces ya que se requerian conocimientos tecnicos tanto para generar como para modificar el rnismo. la cornunica-

i.Sabias que el31 de agosto es considerado el Dia del BlDg 0 Bloq Day? La idea surgi6 en el afio 2005 por el blogger israeli Nir Ofir. debido al parecido de la fecha. 3106 (31 de Agosto).

y la palabra BLOG. En este dia se suele publicar un post en cada bloq, recomendando cinco blogs nuevos 0 desconocidos para ayudarles

a darse a conocer. invitando a estos a seguir el meme. la cadena.

4

ci6n bidireccional. ya no sola mente se generaba contenido sino que ofrecfas la posibilidad de que tus visitantes contestasen al mismo qenerandose una conversaci6n: y el orden. la facilidad para ordenar el contenido de forma autornatica en categorias 0 etiquetas y que se muestren siempre primero los artfculos mas recientes. Estas caracteristicas han consagrado el fen6meno bloq como el medio de comunicaci6n y generaci6n de contenidos por excelencia en Internet.

Un poco de historia

Mucho antes de que existieran los blogs. la comunicaci6n entre internautas se llevaba a cabo mediante listas de correos electr6nicos 0 foros muy poco eficientes como por ejemplo WebEx. Generar contenido no era tan costoso como la creaci6n de una paqina web. pero no era ni por asomo natural y directo. y las conversaciones no eran tan abiertas.

Las comunidades online fueron evolucionando y servicios como Wering. que reune colecciones de paqinas web en una estructura circular. sirvieron para integrar webs independientes en una comunidad virtual. Los blogs. tal y como los conocemos hoy en dia. son una evoluci6n de estas comunidades y sus paqinas web. Los primeros editores famosos de estas paqinas personales abiertas. donde publicaban su opini6n sobre diversos temas. constituyeron los primeros blogueros. Uno de los primeros fue Justin Hall. estudiante de la Universidad de Swarthmore.

Por supuesto. los primeros blogs no eran mas que paqinas web reunidas en comunidad y que aportaban un enfoque mas personal y rnenos profesionalo empresarial. Seria en la segunda mitad de los afios 90 cuando el formato dio un

giro radical y se acufiara el nombre con el que hoy 10 conocemos. Fue Jorn Barger a finales de 1997 quien introdujo el nombre weblog para determinar a este fen6meno que estaba tomando forma

y creciendo a un ritmo vertiginoso. El servicio Xanga. una de las comunidades pioneras en el mundo de los blogs. tenia 100 blogs en 1997. A

finales de 2005 ya contaba con mas de 50.000.000. A mitad de los afios 99. Peter Merholz tuvo la genial ocurrencia de dividir la palabra weblog en dos "We Bloq", transformando bloq en un verbo para definir la acci6n de bloguear. Esta nomenclatura se acept6 rapidarnente en la comunidad blogger y pronto surgieron derivados en multiples idiomas. como por ejemplo en espafiol bitacora, bloguero 0 bloguear. Este primero ha sido incluido en el diecionario de la Real Academia Espanola (RAE).

2 ,Evoluci6n de los blogs

A partir de este instante. finales de los afios 90. el formato estaba extendiendose y s610 faltaban servicios que proporcionaran herramientas sencillas y potentes para usarlo. Surgieron diversas iniciativas pioneras como Open Diary. innovando a la hora de incluir comentarios en cada una

de las entradas, LiveJournaL. creado por Brad Fitzpatrick y que todavia perdura como uno de los servicios de creaci6n de blogs mas potentes y utilizados, Pitas.com. creado por Andrew Srnales proponiendo una alternativa mas sencilla para mantener un diario personal; Btogger.com. lanzado inicialmente por Evan Williams y Meg Hourihan y comprado por Google a principios

del 2003 siendo actualmente uno de los servicios mas usados para la creaci6n de blogs qratuitos. y WordPress. lanzado a principios de 2004 por Matt Mullenweg como una evoluci6n del b2/cafelog. y que adernas cuenta con un Gestor de contenidos (CMS) libre y descargable.

En espafiol destacan tam bien otros proyectos centrados en blogs como Bitacoras.com. Bloqcindario. Blogalia. Blogia 0 La Coctelera. servicios pioneros que ofrecen la posibilidad de crear blogs de forma gratuita. Bitacoras.com evolucion6 de directorio y servicio de creaci6n de blogs a red social. contando con diversas herramientas muy especfficas orientadas a bloggers. en e12007. Poco a poco los blogs estan pasando a formar parte de nuestra vida y sus caracteristicas tan peculiares han conseguido que buscadores (Google. Bing. Yahoo!. .. ) los tengan muy en cuenta a la hora del posicionamiento. ocupando los primeros puestos de los resultados de busqueda, Actualmente. los blogs estan experimentando una especializaci6n debido a la aparici6n de servicios extern os y gestores de contenidos centrados en un tipo de contenido concreto. Inicialmente en

los blogs ten ian cabida absolutamente todo tipo

de contenidos. Servicios como Twitter, una herramienta que ha llevado al estrellato el formato Microblogging permitiendo enviar mensajes publicos de rnenos de 140 caracteres como maximo. se usan para este tipo de comunicaciones rapidas,

Los formatos multimedia tarnbien tienen un tipo de blog especfficos como Fotologs para irnaqenes. y Videoblogs para video. Estos servicios estan llevando a que los blogs se especialicen.

En esta guia realizaremos un recorrido por las distintas fases que tiene un bloq. partiendo desde la creaci6n del mismo. configuraci6n basica y avanzada. mantenimiento y uso. Y la utilizaci6n de herramienlas extemas para la promoci6n. seguimiento y ampliaci6n de los blogs como una herramienta de comunicaci6n.

4) Cabecera: seccien compuesta por una imagen que la atencion y el tftulo del blog. Tambien suele incluir un menu con las secciones del mismo. f.) Barra laterab seccion compuesta por informacion que ayuda a la navegacion por el blog (categorias. etiquetas. buscador ... ) e informacion exierna como servicios adicionales 0 el blogroll.

€!I Cuerpo: seccien en la que se mueslran los posts erdenados de forma cronologica. mostrando los mas recientes primero. e Pie: seccien con meta informacion ace rca del blog. como su autor 0 eltipo de CMS utilizado.

5

E xisten una infinidad de herramientas y servicios varios que permiten la creacion. actualizacicn. mantenimiento y alojamiento de blogs. siendo la mayor parte de elias gratuitas. Todas ofrecen un Gestor de Contenidos 0 CMS (Content Management System) que permite realizar las acciones basicas de to do bloq, crear. editar. publicar y eliminar posts. subir imaqenes y contenidos multimedia. y moderar comentarios.

Este tipo de servicios han evolucionado hasta llegar a un punto en el que no se requieren ningun tipo de conocimiento tecnico para poder interactuar con ellos. y poder actuar como Blogger. Lo que sf se debe tener son conocimientos del manejo del Gestor de Contenidos con el que se pueden llevar a cabo tanto opciones basicas como avanzadas. Si adernas se poseen conocimientos tecnicos. se podran llevar a cabo acciones que no se contemplen por defecto. que permitan un mayor control y personalizacion del blog.

JOU RNAl

~W()RDPRESS M~ABLE TYPE"

Dentro de las herramientas de creacicn de blogs se pueden distinguir dos grandes grupos. Por un lado. aquellas que permiten crear un blog de forma gratuita. aunque normalmente ofrecen versiones de pago para un servicio mas personalizado. mantenimiento y acceso a configuraciones avanzadas. Dentro de este grupo estan Blogger. LiveJournal 0 Wordpress.com. Por otra parte se encuentran los Gestores de Contenidos (CMS) descargables. gratuitos 0 de pago. para instalarlos en un servidor propio y

6

poder usarlos. como por ejemplo. Word Press 0 Movable Type.

El primer grupo es el mas utilizado por ser gratuito y tener un proceso totalmente transparente al usuario sin requerir conocimientos tecnicos. que se pueden necesitar para el uso de una FTP 0 de una Bases de Datos aunque actualmente los CMS descargables se instalan en pocos minutos y con pasos guiados. Aunque es cierto que en el primer grupo no se tiene

el control total ni del Gestor de Contenidos ni del alojamiento. dependiendo de terceros para que el servicio este activo y de que tu contenido cumpla los terrninos del servicio y la politica de privacidad. Tampoco cuentas con un nombre de dominic propio. Como se puede apreciar. cada uno tiene sus ventajas e inconvenientes.

El proceso de creacion en diferentes plataformas de un mismo grupo es similar por 10 que aprenderas a crear un blog en una plataforma gratuita de creacion de blogs. en este caso se realizara paso por paso en Blogger. y a descargar. instalar y configurar un CMS en un dominic propio que realizaras con Word Press.

1. Crear un blog en Blogger

Blogger es uno de los servicios orientados a la creacion de blogs mas utilizados. Pertenece a Google. es totalmente gratuito y su creacion, confiquracion y manejo es muy sencillo e intuitivo.

• Registro y creation

Para poder crear un blog en Blogger necesitas primero crear una cuenta en Google. Si no dispones de una accede a www.google.es y pulsa sobre Acceder que se encuentra en el menu superior derecho y selecciona Crear una cuenta ahora. A continuacldn. rellena el formulario incluyendo el nombre de cuenta. la contrasefia. tu ubicacion, el codiqo de seguridad (Captcha) yacepta los term in os del servicio y la politica de privacidad (es recomendable leerlas antes). Pulsa sobre Acepto. Crear mi cuenta (I accept.

Create my account). A continuaclon. recibiras un correo con un enlace para activar la cuenta. Pulsa en el y tendras una cuenta de Google

Acceda con su

Correo electronico:

Contraseria:

It1 Recordarme en este equlpo.

No pue-do accooCf a nli cuenta.

1.IIiotienes una cuenta de Google?

Crear una ClIenta ahora

que te dara acceso a todas sus herramientas. como Google Reader. Google Analytics. Gmail o Blogger.

Dirigete a www.blogger.com y si no has iniciado seslon en Google. iniciala. Te encontraras con

Create an Account

II yO'J a~eady have at GoO(Jle Acoo~nt you can w!lJn...tu:llil

C Rememher me on !hIs compl.lter

Crealing a Google Account will enabla WebHislOIY. Wet> Hisl",y is a teesure Ihs\"'l!I provide you wilh a more personalized expe,ienoo en Goog~e Inat includes mel'fl (<levant wareh Nsulls and recommendations. J&!!rllMQ!li

@EnabieWehHisIOry,

Word Verification:

Type u-e cnarscters YOIi SlIe In the piclure below

PleasechecJ.;ll'.eGoogleAcCQunlinfolmalionyw'veenwedalxllle (feel Iree to change anylhinR you like). and re'liewthe Terms of Se''1icebeiO'W

By dic:kjng on'! accepl'beloY.·yOll a'eag,eeing foibeImm:!u!! ~abo·;l;'andfhe~.

~~~1:7~::.:'.'!.~~~'2:~

el Panel de Administraci6n de Blogger don de podras gestionar los diversos blogs que hayas creado al igual que los blogs que sigas en la comunidad de Google. centralizada en su servicio Google Connect. del que hablaremos mas adelante. y tener acceso directo a los diversos servicios de Google. Dentro de la seccion de Gestionar blogs. pulsa en Crear un blog.

Al haber creado una cuenta previa pasaras directa mente al segundo paso de creacicn de un

Lista de lecture

Slog<

Tad,.~" .ctu"I''''CI""c,d~1 blo~

N"'I~,"'" ol,,~"n bto. ,c(u"'rtHtnl.,'. (!LUi", ('1 bull,,, "Ai;oc;" P'"'' ,"\fod,,"ir bl'ri~ qV"I~ H",t",;" "'1'."lr~" It! lI'''' de !C"Wr,1. MilJ.l!!f"'m."~

bloq. Asignar un nombre. En este paso deberas introducir el nombre que quieres que tenga el blog ya continuacion la direccion para acceder al mismo. Siempre sera del tipo nombre.blogspot.com. Para. comprobar la disponibilidad del nombre de dominio puedes hacerlo pulsando en Comprobar disponibilidad. Introduce el codiqo

,(j1'Blogger "" " ,«"' p" s

~ -", ,,> jl~'11 \ I

- ---

eASr(;WARU~NOM~REAlGl()(;

Asignar un nombre blog

de verificacion (Captcha) y pulsa en Continuar. Si todo esta correcto accederas al tercer paso:

Elegir una plantilla.

En este ultimo paso deberas seleccionar la apariencia de tu blog. eligiendo entre diversas plantillas que propone Google. Selecciona la plantilla que mas te guste. pulsando sobre ella. y elige Continuar.

7

Si has seguido los pasos correctamente te encontraras en la seccion final. don de te informa de que tu blog ha side creado. En ella se muestran algunas opciones avanzadas como Configurar un dominio. mediante el cual podras asignar un nombre de dominic que hayas com prado al blog que acabas de crear, 0 una Herramienta de importaci6n de bLog, que permite importar un

blog que ya tuvieras en Blogger en este nuevo. En tu caso. al ser un blog totalmente nuevo, pulsa en Empezar a pubLicar.

Configuradon

Antes de publicar una entrada deberas configurar el blog para que toda la qestion de contenidos y comentarios se haga como quieres. Dentro del PaneL de Administraci6n de Blogger accede

a la pestafia de Configuraci6n. En ella encontraras diferentes opciones con las que ajustar los multiples parametres que componen tu blog. Inicialmente te rnostrara la seccion de Basico.

En ella podras usar Las herramientas que ofrece Blogger para La qestion general del bloq. lrnportar BLog, para importar un blog existente en el nuevo que acabas de crear, Exportar un bLog, para exportar el nuevo bLog que acabas de crear teniendo una copia de seguridad del mismo 0 para incluirlo en otro, y Suprimir eL bLog, que

8

realmente no 10 elimina pero 10 inactiva y queda invisible para to do eL mundo.

A continuacion. podras modificar el titulo, La descripcion del mismo, la posibilidad de ariadir

direccion deL bLog don de estas publicando al iguaL que cambiar el dominic actuaL gratuito por uno personaLizado que hayas comprado. Para realizar los cambios deberas introducir

Estlpublicandoenblog.pot.com.

eL codiqo de verificacion (Captcha) y puLsar en Guardar configuraci6n.

A continuacion. accede a La subpestafia Formato. donde podnls editar Las opciones generaLes

tu blog a las Listas de BLogger para que aparezcas en las diferentes secciones que tiene Bloqger como BLogs con mas comentarios 0 en el directorio. Permitir aparecer en los motores de busqueda. para que los usuarios de este servicio te puedan encontrar haciendo uso del buscador. Mostrar edici6n rapida. que permite editar las anotaciones des de un soLo clic. Mostrar enlaces de envio de entradas. que permiten pubLicar directamente enviando un email; 0 activar el Contenido para adultos, que avisa a tus visitantes que en este blog se publican contenidos no recomendados para todos los publicus.

Y finalmente accederas a la Configuraci6n Global que afectara a todos Los blogs y no solo al que estes editando. En ella podras seleccionar si quieres activar el modo cornposicion 0 wysiwyg (What You See Is What You Get), que muestra una previsualizacion de como qucdara el documento utilizando un editor de texto enriquecido. Este editor permite la insercion de enlaces, imaqenes, videos ... Y finalmente activar La transliteracion. con la que puedes incluir un boton en la barra lateral permitiendo traducir el idioma automaticamente desde el espafiol a cuaLquier otro contemplado por Google. Al finaLizar pulsa en Guardar configuraci6n. La siguiente pestafia dentro de Configuraci6n es Publicaci6n. En ella podras modificar la

de visualizacion del blog. Selecciona eL nurnero de entradas que quieres mostrar en la paqina principal; el formato de fecha tanto en la cabecera como en el in dice de archives. eL formato de la hora y la zona horaria. Convertir saLtos de

,..!:l'rsonal t ..

"",mpl.!w..c

linea, que transforrnara cada salto de linea (Enter) que ineluyas en eL editor por una etiqueta «br/» en HTML que eL navegador interpretara como un saLto de Linea; Mostrar el titulo en cada post; Mostrar campo enlace, que muestra el enlace en cada entrada a La misma para hacer mas sencillo eL acceso y compartir el misrno. Habilitar la alineaci6n flotando, para poder integrar texto e irnaqenes con La etiqueta -cdiv clear.both». e incluir un codiqo para La Planlilla de entrada, dandole un formato personalizado a la misma. Cuando hayas terminado selecciona Guardar configuraci6n.

En La siguiente subseccion, Comentarios, podras configurar la qestion de comentarios en tu bLog. Selecciona si deseas 0 no mostrar comentarios y que persona puede realizarlos. cualquiera. usuarios registrados, usuarios con cuentas de

9

- ----~-~- ~ --- - -- - ~ , ~ -~~~~~==~ -

~ !

~ <~, -

~ $- •

< ,

Google 0 solo miembros de la comunidad de este bloq. la ubicacion del formula rio para poder publicar comentarios (debajo de la entrada. en una paqina a parte 0 en una ventana flotante), Opcion predeterminada de comentarios para entradas. indicando si quieres que las nuevas entradas tengan 0 no comentarios. Enlaces de retroceso 0 entrantes. para activar los backlinks que son los enlaces que realizan otros blogs hacia el tuyo teniendo un mayor seguimiento y control de quien te cita. Formato de hora de los comentarios. Mensaje en elformulario para escribir cornentarios. Moderacion de los mismos. si quieres aprobarlos manualmente siempre. solo entradas posteriores a 14 dias 0 nunca y si quieres que las notificaciones te lleguen a una cuenta de correo alternative. Mostrar un Captcha en los comentarios. como filtro antispam. Mostrar las imagenes en el perfil de los comentarios y afiadir otras cuentas de correo para notificaciones generales sobre comentarios. Pulsa en Guardar confiquracien.

La subseccion de Archivo te permitira configurar el archivo 0 historico que se muestra en la barra lateral. donde tus visitantes podran acceder al contenido publicado en meses anteriores de una forma mas directa. En ella podras indicar la frecuencia de archivo. seleccionando las divisiones temporales que tendra. y Habilitar las paginas de entrada. para que no solo se muestren las entradas en la paqina principal de blog sino que cada una tenga su propio enlace. Es la estructura por defecto que tienen los blogs. Al finalizar pulsa en Guardar confiquracion.

Feed del sitio. siguiente subseccion. te perrnitira configurar en profundidad el feed 0 RSS de tu

<l-labllltI~ p,,~ln<I~ de entrada?

blog. mediante el cual tus visitantes podran enterarse de las nuevas actualizaciones utilizando lectores de feed 0 RSS. Podras configurarlo para que tus visitantes visualicen cada entrada de forma completa 0 abreviada. incluir una URL alternativa a la cual redireccionara el feed. utilizado principalmente para servicios de estadis-

10

ticas en el RSS como por ejemplo Feedburner, y un pie en cada entrada leida por el feed. que se suele usar para incluir alqun mensaje explicativo 0 un banner de publici dad. Al finalizar la edicion pulsa en Guardar confiquraclon.

A continuacion tienes la siguiente subseccion, Correo electronico y movil. En ella podras con-

una URL en cualquier servicio que la soporte.

La ultima subseccion es Permisos donde se podran definir los permisos tanto para los autores del blog. como afiadir autores y otorgarles permisos de administrador 0 de editor; y a los lectores. para permitir que a los contenidos del blog pueda acceder cualquier visitante. solo los usuarios registrados que tu elijas 0 unicarnente los usuarios que hayas dado de alta como autores del blog.

figurar las direcciones de correo electronico a

las que quieras que te lleguen las notificaciones relacionadas con el bloq. configurar una direccion para poder publicar directamente desde un correo electronico y la posibilidad de habilitarla para publicacion 0 envio de borradores. 0 inhabilitarla.

Utilization

Una vez finalizada la confiquracion basica del blog tendras tres pestafias con las que poder publicar contenidos. modificar el disefio del rnismo de una manera mas avanzada y finalmente ganar dinero con el blog incluyendo Google Adsense. el sistema de publicidad online de Google. Lo primero que debes conocer es como se publican las entradas en el blog. Para ello accede a la pestafia de Creaci6n de entradas y dentro de la misma pulsa en Crear entrada.

y finalmente la posibilidad de afiadir dispositivos rnoviles. para poder publicar por MMS.

La seccion OpenlD te perrnitira afiadir tu direccion de este servicio para acceder directamente a sitios que la tengan habilitada. OpenlD es un sistema de identificacion digital descentralizado. con el que un usuario puede identificarse mediante

La creacion de una entrada esta compuesta por un campo titulo don de introducir el titulo que tendra la entrada; un editor enriquecido (Text Rich Editor) con el que poder incluir enlaces.

imaqenes. videos y dar formato a textos. y una zona para incluir etiquetas (tags) que definan el contenido del post. facilitando a los internautas a encontrarte. Adernas. el editor de texto cuenta con dos pestarias. Redactar. en la que podras redactar de una manera cornoda y formateando el texto al estilo de editores potentes como Microsoft Office. OpenOffice.org 0 Pages; y Edici6n de HTML que ofrece a los que tengan conocimientos en este lenguaje una alternativa para maquetar de una forma mas avanzada y completa el post. Cuando estes escribiendo una entrada podras guardarla como borrador pulsando en Guardar ahora. ver como esta quedando pulsando en Vista Previa 0 publicarla directamente pulsando en Publicar entrada.

La siguiente subseccion dentro de Creaciori de entradas es Editar entradas. En esta seccion encontraras una lista de las entradas que hayas publica do con la posibilidad de editarlas. accediendo al editor visual de la seccion Crear; Visualizarlas. por si la tienes en borrador. 0 Suprimirlas. elirninandolas de forma directa. La lista de entradas que se muestran tiene varios filtros con los que acceder solo a los posts que te interesen como Todas. Borradores. Programadas (haciendo referencia a aquellas que has editado incluyendo una fecha futura). Importadas o Publicadas. Adernas. cuenta con un buscador. Finalmente. la ultima subseccion es la Moderaci6n de comentarios en la que podras aprobar los comentarios que no hayan side publicados dependiendo de las opciones que hayas activado en la confiquracion del blog.

La siguiente pestafia, Disefio, perrnitira editar de una forma avanzada el disefio del blog. La primera subseccion son los elementos de la pagina donde podras ubicar de forma draq-n-drop (a rrastrar y soltar) los diferentes bloques que conforman el bloq. barra de naveqacion, cabecera. entradas y los elementos que componen la barra lateral. Cada elemento 10 podras modificar pulsando en Editary Anadir nuevos.

En Fuentes y colores. la siguiente subseccion. se podra configurar de forma exhaustiva los colores y la fuente empleada en las distintas secciones del blog. La edlclon se lleva a cabo de forma totalmente intuitiva. seleccionando la seccion.

cs·w_nal t ..

mp41l"J:

11

que se rnostrara abajo para que no haya dudas de lo que se esta editando: y posteriormente seLeccionando eL nuevo coLor desde una paLeta de coLores 0 La fuente.

La siguiente subseccion es Edicidn de HTML. Esta es una confiquracicn avanzada que parmitira editar con HTML y CSS La pLantilla deL bLog. Tiene muchas limitaciones. no tendras acceso compLeto a todos Los archivos. pero permite configurar eL aspecto deL bLog de una forma mas meticuLosa.

12

FinaLmente te encontraras con La subseccion Seleccionar plantilla nueva. en la que podras elegir una nueva pLantilla de entre Las propuestas por GoogLe para configurar La apariencia deL bLog.

La ultima seccion es Monetizar. En ella tendras que asociar eL bLog con tu cuenta de GoogLe Adsense. eLsistema de publicidad onLine de GoogLe. EL proceso es sencillo. seLeccionar Las diferentes LocaLizaciones para ubicar Los banners. seLeccionar La cuenta de correo con La que vas a gestionarLa y configurar opciones esteticas de Los banners.

Mediante este recorrido habras aprendido a crear un bLog en BLogger y pLataformas sirnilares. configurarLo dependiendo de tus gustos y preferencias, y Las nociones basicas deL manejo deL CMS para La publicacion de posts y rnoderacion de comentarios.

Crear un blog con Word Press WordPress es eLservicio de creacion de bLogs mas conocido. Creado por Automattic, adernas de La pLataforma Wordpress,com, ofrece un

Gestor de Contenidos (CMS) qratuito y Libre

para descargarLo y que se pueda instaLar en un servidor propio. Su instalacion. confiquracion y manejo recorren des de Las opciones mas basicas hasta Las mas compLejas aL ser un software totaLmente Libre.

Para poder usar eL Gestor de Contenidos de WordPress deberas tener un dominic con hosting contratado con empresas como Dreamhost

o Aruba.it. una base de datos y un acceso FTP (File Transfer ProtocoL) aL mismo. Se trata de un protocoLo de transferencia de archivos entre un diente (un programa instaLado en tu ordenador) y un servidor (espacio donde alojara tu hloq), Para poder realizer Las transferencias puedes usar dientes como SmartFTP, FiLeZilla 0 Cyberduck. WordPress cuenta con una comunidad muy amplia en La que miLes de usuarios coLaboran activamente en eL desarrollo y evolucion deL mismo. Esto ha llevado a que Word Press ofrezca su CMS en diferentes idiomas. Para descargar La version en castellano, accede a wordpress-es. org y puLsa sobre eL enLace Version completa de Word press en espafiol. Te llevara a un Listado

de versiones donde deberas descargarte La mas reciente. Puede ser que Las ultirnas versiones

no hayan side traducidastodavia, por Lo que si quieres descargarte La ultima version, accede

a wordpress.org/download/ y puLsa en eL boton Download en La barra lateral derecha.

Una vez descargado eL CMS, descomprime eL zip puLsando con eL boton derecho y seLeccionando Descomprimir aquf 0 utiLizando aLguna aplicacion como WinZip 0 UnRAR. Entra en La carpeta yabre eL archivo wp-config-sample.php con un editor de texto como Notepad, SmuLtron 0 sirnilares, y rellena Los datos de tu conexion a La base de datos: nombre de La base de datos, usuaries. contrasefia.

direccion deLservidor de base de datos, codificacion de caracteres y cotejamiento de La base de datos. Guarda eL archivo como wp-config.php. Inicia tu cLiente FTP y conecta con tu servidor. Si quieres que eL blog no este en La raiz del dominic sino en un subdirectorio, por ejempLo midominio.

com/bLog, crea una carpeta y haz dobLe dic sobre La misma. En caso contra rio permanece en el raiz de tu dominio. Sube eL contenido de La carpeta. no La carpeta, resuLtante de descomprimir eL zip de WordPress alservidor mediante el diente FTP Abre eL navegador e introduce La direccion de

tu bLog seguido de /wp-admin/instaU.php. Este archivo te realizara La instalacion del blog. Si has configurado correctamente eL wp-config, php deberas ver el primer paso de la instalacion en tu navegador. Sigue las indicaciones introduciendo eL titulo y eL emaiL principal. y se crearan las tablas necesarias para funcionar en la base de datos. AL final deL proceso veras una pantalla de Login. En ella introduce eL usuario y la contrasefia que te habra llegado at correo que has especificado en eL registro. Va tienes instaLado y funcionando el blog.

Remember Me

crear

• Wordpress.com. Uno de Los servicios mas usados para crear bLogs de forma gratuita. Permite crear un bLog en po cos minutes. de una forma senciLLa e intuitiva. Ofrece un CMS muy compLeto y configurabLe .

• OboLog. Sistema que permite crear un bLog de forma rapida y compartir facilrnente con tus amigos y famiLia res tus ideas, tus aficiones. tus fotos y tus videos.

• Nireblog. Sencillo, intuitive y versatil CMS, disponibLe en varios idiomas. En pocos pasos tienes un bLog facil de administrar.

• Lacoctelera. Servicio que permite crear bLog gratis, de una forma rapida y sencilla. Podras com partir tus contenidos con amigos y farnilia. formando parte de una comunidad.

13

La siguiente subseccion es Widgets. En ella podras seleccionar la barra lateral (sidebar) que quieres configurar. ya que hay blogs que poseen mas de una. y afiadir Widgets a la misma.

"'IItllBIllIllIllIllIllIllIllIllIllIllIllIllIllIllIllIiIlIIIIIIIIIIII... Ca da Wi dg et es un trozo de

)I codiqo que realiza una funcion

concreta. desde mostrar los ultimos comentarios hasta incluir un buscador.

Finalmente. para configuraciones mas avanzadas tienes el Editor. donde podras modificar los archivos de la plantilla con CSS. HTML Y PHP. principalmente para personalizarlo de forma mas avanzada.

La siguiente seccion es Plugins. Los plugins son extensiones

que le instalas a Word Press y que amplfan la funcionalidad

del Gestor de contenidos. Por ejemplo. aqreqandole un sistema mas potente antispam. afiadiendo mas Widgets para

la barra lateral 0 incluyendo botones sociales para com partir cada post de forma mas sencilla con servicios como Facebook 0 Twitter. Inicialmente rnostrara los plugins que tienes instalades, situados en la carpeta wp-contentiplugins. pudiendo activarlos 0 desactivarlos. La siguiente subseccion permite afiadir un plugin de forma directa. en caso contra rio tendras que subirlo por la FTP a la carpeta correspondiente. examinando el .zip que hayas descargado. Los plugins puedes descargarlos tanto del repositorio oficial en la seccion Plugins de Word Press. como en una infinidad de paqinas y blogs de Intemet. Finalmente podras editar los plugins de forma

Al iniciar te encontraras en el Panel de

Administraci6n de Word Press. En el podras distinguir las estadfsticas del blog. los ultirnos comentarios. el modulo de QuickPress para publicar posts de forma mas directa y rapida. ultirnos borradores y las noticias y plugins mas recientes de WordPress.

Ala izquierda encontraras un menu (Tablero) con las diferentes opciones de confiquracion y uso del Gestor de Contenidos.

Si te fijas bien esta dividido en dos bloques. el primero. que es de uso. esta compuesto por Entradas. Objetos. Enlaces. Paginas y Com entarios. y el segundo. es de conflquracion. esta compuesto por Aspecto. Plugins. Usuarios. Herramientas y Opciones. El primero se comontara en el siguiente punto para completar inicialmente la confiquracion.

La seccion Aspeclo esta compuesta por tres subsecciones. La primera de todas es Temas.

donde podras seleccionar la plantilla 0 theme que quieras en tu blog.

Se rnostraran aquellas que ten gas subidas en el servidor. dentro de la carpeta wp-contenti themes. Si pulsas en alguno podras previsualizarlo y activarlo pulsando en la esquina superior derecha Activar. Puedes descargar mas temas en la paqina oficial de WordPress. en la seccion de themes.

14

avanzada con el Editor. La siguiente seccion es Usuarios. don de podras llevar a cabo toda la gestion de usuarios. editando y ariadiendo nuevos.

La primera subseccion. Autores & Usuarios. lista todos los usuarios dados de alta en el sistema con la posibilidad de editar su informacion pulsando en el. y accediendo a la tercera subseccinn Perfil. o eliminandolo.

La subseccion Perfil. rnostrara toda la informacion de un usuario para que puedas editarla.

Desactivar el editor visual. por si ese usuario quiere editar los posts solo mediante HTML. Color del perfil y si quiere tener Atajos de teclado; Editar nornbre. apellido. alias (nombre para iniciar sesion) y nombre publico (nombre que saldra en cada post que escriba). correo electronlco, silio web. su informacion de mensajerfa instantanea para poder contactarle y una breve bio. y finalmente la Contrasei'ia. Un consejo es que despues de haber instalado un Word Press. te dirijas a esta seccion y cambies la contrasefia por una que te sea familiar.

Herramientas. la siguiente seccion, ofrece multiples funcionalidades relacionadas con el blog. Dependiendo de la version te encontraras inicialmente con algunas herramientas u otras. en este caso muestra Turbo: Acelera tu WordPress. para instalar Gears y jugar con la cache de una paqina para que se cargue de forma mas rapida. y Enviar esto. un pequefio truco que afiadiendo un enlace a los marcadores de tu navegador podras enviar texto. irnaqenes 0 video de cualquier paqina web directamente para publicarlos.

• Google XML Sitemaps. Extension que crea automaticarnente en tu blog un Google Sitemap. un sistema para facilitar la indexacion de to do el contenido de tu blog en Google. Adernas. proporciona estadfsticas del acceso de la "arafia", robot de Google que indexa el contenido. y detecta posibles errores en el rastreo.

• All in One SE~ Pack. Extension que optimiza el SEO (Search Engine Optimization) de tu blog. facilitando el buen posicionamiento en buscadores mediante caracterfsticas como. por ejemplo. URL Canonical. optirnizacion de titulos, qeneracion automatics de META tags y evitar el contenido duplicado.

• Sociable. Extension que coloca botones en paqinas y posts. para com partir directamente tu contenido con redes sociales como Facebook. agregadores sociales como Bitacoras.com 0 marcadores sociales como Del.icio.us.

• Akismet. Extension que detecta aquellos comenlarios catalogados como spam. correos basuras no solicitados y habitualmente de tipo publicitario. mediante una gestlon sencilla y una alta efectividad.

• Contact Form 1. Extension que integra un formulario de contacto en la paqina que escojas dentro del blog. Evita la necesidad

de poseer conocimientos de proqrarnacion para incluir uno. y facilita la qestion y confiquracion del mismo.

• Google Analyticator. Extension que incluye

el codiqo de Google Analytics. el servicio de estadfsticas de Google. en cada paqina del blog de forma automatizada. Con esto podras obtener unas estadfsticas detalladas sin ningun esfuerzo.

• WP-Cumulus. Extension que genera una vistosa e interactiva nube de etiquetas (tags) 0 categorfas mediante flash. aqrupandolas en una esfera circular y asignando el tarnario de la fuente en base al nurnero de posts en los que esta,

• NextGEN Gallery. Extension que integra una galerfa de imaqenes para poder visualizar fotos sueltas 0 alburnes mediante un "pase de diapositivas" (slideshow) realizado con Flash.

• Redirection. Extension que gestiona las redirecciones 301 y los errores 404. paqina no encontrada. detectandolcs y manejandolos sin requerir ninqun conocimienlo del .htaccess del Apache.

• Plugin Manager. Extension que ofrece una interfaz donde ver. descargar e instalar plugins desde WordPress.org. de una manera mas cornoda. directa y dinarnlca.

15

-~ .. ~ . --- ---- I

-- I -II

Las siguientes subsecciones son herramientas para Importar. perrnitiendote seleccionar entre varios servicios para importar un blog de otro en Word Press; Exportar. para obtener una copia de seguridad 0 importarlo posteriormente en otro servicio. y Actualizar. para actualizar a la ultima version del Gestor de contenidos (eMS).

Finalmente. la ultima seccion es Opciones. en don de podras configurar todas las caracteristicas basicas del blog. Dentro de General. podras editar las caracteristicas mas generales del misrno, titulo. descripcion. dirsccion de WordPress y direcci6n del bloq. por si no quieres que sean la misma y se haga una redireccion. direccion del correo electronico. Membresfa. permitiendo que cualquiera pueda reqistrarse. Rol predeterminado para los nuevos usuarios. indicando los permisos que obtendran por

16

defecto los nuevos usuaries. Zona horaria. Formato de la fecha y la hera, y Dia en el que empieza Ia semana.

La siguiente subseccion es Lectura. En ella podras configurar el contenido que vayas a mostrar en la paqina principal (ultimas entradas. paqinas estatica 0 alguna paqina concreta), el nurnero

de posts que se rnostraran en cada paqina y en el RSS. indicando adernas si quieres que salgan completo 0 cortados los posts en este ultimo canal; y la codificaci6n general de caracteres.

Discusi6n. siguiente subseccion. permite editar las caracteristicas relacionadas con los comentarios. partiendo de activarlos 0 desactivarlos. qestion de las notificaciones cuando alguien publica un comentario. la moderaci6n de los mismos. pudiendo confeccionar una lista negra de usuarios y palabras, y la confiquracion del avatar. imagen que se muestra en cada comentario acompafiando al usuario.

La siguiente subsecci6n se trata de Escritura. don de se pueden configurar aquellas caracterlsticas relacionadas con la redacci6n de posts. En ella se pueden configurar el tarnafio de la caja de texto donde escribir el post; Formato, permitiendo a WordPress convertir los emoticonos autornaticarnente a irnaqenes y corregir las etiquetas HTML; seleccionar las categorias predeterminadas para entradas y enlaces; Activar

Las siguientes subsecciones permiten llevar

a cabo configuraciones muy concretes, Objeto. ofrece la posibilidad de definir las medidas por defecto de las irnaqenes que se incluiran en

los posts; Privacidad. permite que el blog sea publico 0 no para los buscadores. y Permalinks ofrece la posibilidad de modificar la estructura de URLs de tus blogs. Por defecto, la URL de un post 0 una paqina es asf /?p=123, mostrando el

Ia publicaci6n remota, a traves de un cliente 0 por correo electronico, y configurando los servicios de actualizaci6n. Estos ultirnos constituyen una parte importante a la hora de publicar. porque con cada nuevo post les notificaras (ping) que has actualizado el blog. pudiendo aparecer en directorios y servicios similares que ayuden a la prornoclon.

nurnero de post que corresponda. No son nada intuitivas y no favorecen en la indexacicn de buscadores por 10 que se recomienda hacerlas mas amigables seleccionando una de las opciones disponibles como Mes y Nombre. que mostrara URLs del tipo /2009/06/nombre-del-post. La ultima subseccion. ya que el resto de subsecciones dependeran de los plug ins que tengas

instalados pudiendo configurar cada uno de ellos. es Misceliineas. En esta seccion podras configurar las subidas de archivos. eligiendo el directorio de subida por defecto 0 la organizaci6n autornatica de archivos en carpetas anidadas con mes y afio,

Utilizacion

Una vez finalizada la conflquracion basica del blog. dirfgete al menu superior del tablero que esta compuesto por cinco secciones para la qestion. entradas. objetos. enlaces. paqinas y comentarios. La secclon de Entradas te perm itira gestionar todo 10 relacionado con los posts desde la creacion. edici6n y cateqorizacicn. El primer submenu es Editar. don de sncontraras una lista de las entradas que hayas publicado con la posibilidad de editarlas. accediendo al editor visual de la seccion Crear; Visualizarlas. por si la tienes en borrador. 0 Suprimirlas. elirninandolas de una forma mas directa. Para ella solo tienes que situar el raton encima de cada

17

- ~~-=-- 11

'I

-. -I

muestren todos los posts divididos por meses. El primero es un ejemplo de paqina estatica y el segundo de paqina dinarnica. La qestion y creacion es identica a la de una categoria. Finalmente. el ultimo menu es Comentarios don de puedes gestionar (Editar 0 Eliminar). de

da y depende de los plugins que ten gas instalados. Mediante estos campos se pueden incluir objetos dinamicos en cada post como las estrellas para votar al estilo YouTube 0 una imagen ,--,-----------------------, de un tarnafio concreto para ilustrar siempre cada post Los siguientes submenus tienen una estructura identica y permiten gestionar las etiquetas y las categorfas.

Puedes agregar nuevas escribiendo el nombre de la etiqueta 0 categoria y la URL (si quieres modificar la que se crea por defecto) dentro de las cajas correspondientes, 0 gestionarlas (editar 0 elirninar) de la misma forma que en el submenu Editar. Oependiendo de los plug ins que tengas instalados este menu tendra mas opciones para la qestion de los mismos.

El siguiente menu es Objetos. donde podras gestionar todos los archivos que hayas subido a traves del editor de posts como imagenes. videos y ficheros. En el primer submenu tendras una lista para gestionarlos (Editar. Borrar 0 Ver) de la misma forma que los posts. las categorias 0 las etiquetas. y en el siguiente submenu Anade uno nuevo (Add New) donde podras subir uno de tu ordenador.

entrada y pulsar en la accion correspondiente. La lista de entradas posee varios filtros con los que acceder solo a los posts que te interesen como Todas. Publicadas y Borradores y cuenta

con un buscador y un filtro por Categorfas.

El siguiente submenu es Crear. donde podras escribir y publicar (0 programar si cambias la fecha a una proxima) los posts. Los editores de blogs son todos muy similares. Esta cornpuesto por un campo titulo donde introducir el titulo que tendra la entrada: un editor enriquecido (Text Rich Editor) con el que poder incluir enlaces. imaqenes. videos y dar formato a textos, y que cuenta con dos pestafias. Visual. en la que podras redactar de una manera cornoda

y formateando el texto al estilo de editores potentes como Microsoft Office. OpenOffice.org o Pages: y HTML. que ofrece a los que tengan conocimientos en este lenguaje una alternativa para maquetar de una forma mas avanzada

y completa el post Cuando estes escribiendo una entrada podras guardarla como borrador pulsando en Guardar Borrador. ver como esta quedando pulsando en Previsualizar 0 publicarla directamente pulsando en Publicar. Adernas de las acciones de publicacion, en la barra lateral derecha puedes afiadir etiquetas que identifiquen el contenido del post de una forma detallada: afiadir y seleccionar categonas. que definan de forma mas general el contenido del post; y en la parte inferior agregar campos personalizados. Esta opcion es avanza-

18

El siguiente submenu es paginas. que permite la gestion total de estos elementos que no son otra cosa que paqinas que muestran la infer-

Enlaces. el siguiente menu. permite la edicion de los enlaces que componen el blogroll. El blogroll es como se conoce a la lista de enlaces a otros blogs amigos. 0 con los que sirnpatizas. 0 servicios similares que se muestra publicamente para dar a conocerlos. La creacion (Crear) y edicion (Editar) es identica a la de otras secciones. pero esta adernas contempla las Categorfas de enlaces. Con ellas puedes juntar varios enlaces dentro de una misma categoria. pudiendo agrupar por ternaticas 0 idioma los blogs 0 servicios que compartas.

macion que quieras siendo independientes

de los posts. Por ejernplo. el About (Sobre el blog) donde se suele aportar mas informacion sobre el blog 0 Archive (Archivo) donde se

19

la misma forma que los posts. los comentarios que publican los usuarios.

A traves de este recorrido has aprendido a descargar el CMS de WordPress. instalarlo

y configura rio en tu servidor. y las nociones basicas del manejo del gestor de contenidos para la publicacion de posts y rnoderacion de los comentarios.

Actualizaci61'1

Cuando utilizas una plataforma gratuita en la que no necesitas un hosting propio. como Blogger 0 Wordpress.com. por ejemplo. no tienes

• Movable Type; la principal alternativa de

Word Press. Desde su nacimiento fue ellfder indiscutible en gestores de contenidos (CMS) para la creacion de blogs pero desde que salio Word Press. en el 2004. ha que dado desplazado a un segundo plano. Esta desarrollado como software libre pero su instalacion no es tan trivial ni su usa tan intuitive como el CMS de Automaitic.

• Orupal: es un gestor de contenidos para sitios web en general. como puede ser Joomla. No esta orienta do a los blogs y por eso no esta tan extendido su uso hacia la creacicn de

los mismos. pero permite realizar cualquier funcion de CMS especffico como publicar articulos. subir irnaqenes u otros archives.

y afiadir servicios (plugins) como foros. encuestas. votaciones y adrninistracion de usuarios y permisos. Su uso no es tan sencillo como Word Press pero en su conjunto es mas potente.

20

que preocuparte por tener actualizado el Gestor de contenidos ya que son los administradores los que se encargan de tenerlo a punto. Par el cantrario. si tienes tu propio hosting tendras que estar atento a nuevas actualizaciones para corregir posibles bugs de seguridad. instalar nuevos plugins que puedan ser incompatibles con versiones obsoletas 0 aprovechar las nuevas funcionalidades que ofrezcan.

Aunque no estes atento al blog oficial para conocer cuando se lanza una nueva version. el propio CMS te rnostrara en el panel de adrninistracion principal una nota que te indicara que debes actualizarlo. la version correspondiente y un enlace. En versiones de WordPress anteriores ala 2.7. ese enlace te llevaba a la paqina de descarga oficial y tenias que repetir casi todo el proceso de instalacion para actualizarlo. Con las ultirnas versiones. en el proceso de actualizacion del Gestor de contenidos se ofrece una alternativa para realizarlo de forma autornatica. Pulsa en el enlace y accederas la seccion Actualizar.

Antes de entrar de Ilene en esta seccion debes comprobar diversas cosas para que no te lleves ninqun susto durante la actualizacion. Los principales errores que pueden ocurrir durante este proceso seran producidos por incompatibilidades entre versiones. tanto por plugins (afiadidos) como por themes (estructura). Lo primero que deberas hacer es comprobar si los plugins que usas en tu blog son compatibles con la nueva version que vas a instalar. No hay una forma concreta de hacerlo porque hay muchos plug ins no oficiales pero la forma mas cornun es visitar el repositorio oficial (wordpress.org/extendl plugins/). buscar los plugins y comprobar si hay nuevas versiones 0 si la actual es compatible con el CMS a instalar. Si no 10 encuentras deberas buscarlo en Foros 0 Blogs.

(

Si es compatible no hay ninqun problema pero si no 10 es. y no hay ninguna actuatizacion que puedas instalar. deberas cambiar de plugin por otro que rea lice la misma funcion. Uegados a este punto es conveniente instalar uno oficial que sepas que tendra continuidad en el tiempo. actualizandolo y manteniendolo con cada nueva version. Lo mismo pasa con los themes. Los themes. a diferencia de los styles que solo modifican la apariencia del blog. cambian la estructura del mismo utilizando mucho codiqo heredado

del CMS. Por eso el theme que ten gas debe ser compatible con la nueva version de WordPress.

Si el theme es oficial 0 ha sido disefiado de forma seria. 10 encontraras en el repositorio oficial (wordpress.org/extendllhemes/) 0 habra tips (trucos) para modificarlo y hacerlo compatible. 0 incluso una nueva version.

Una vez hayas comprobado que el theme y los plugins que utilizas son totalmente compatibles. deberas desaclivarlos para la actualizacion, Accede a la seccion Plugins. selecciona todos los plugins. elige la opcion desactivar y pulsa en Aplicar. Esto desactivara los plugins y por tanto los posibles conflictos con el proceso de actualizacion . Otro consejo que puedes encontrar en la seccion de Actualizar es la de realizar un backup (copia de seguridad) previo de toda tu informacion y archivos. Esta accion es muy importante llevarla a cabo dado que si algo falla en el proceso. siernpre puedes restaurar todo a como estaba anteriormente. Si no tienes contratado un backup diario en tu servicio de hosting deberas acceder por FTP a tu dominic y descargar la carpeta donde ten gas tu Word Press. al igual que todos los archivos que utiLices fuera de la misma. Con esto estaras haciendo una copia de los archivos

pero no de la informacion. como por ejemplo los posts 0 comentarios.

Para ella tendras que acceder al panel de adrninistracion de tu base de datos. Al contratarla. el administrador te rnando un email con los datos de acceso al mismo. y desde alii deberas hacer un backup. Dependiendo del gestor de base de datos que ten gas se realizara de una forma u otra. Uno de los mas comunes y extendidos es PhpMyAdmin cuyo manejo es muy sencillo. selecciona la base de datos. en el menu superior pulsa Exportar. selecciona todo (suele estar ya seleccionado por defecto). elige como formato SQL y marca la casilla de Enviar (generar un archivo descargable). Deja el resto de opciones como esta y pulsa en Continuar. Una vez descargado el archivo y ya tendras una copia de seguridad de to do eL bLog.

Finalmente. en la seccion Aclualizar. encontraras dos posibles formas de actualizar WordPress. Por un lado. autornaticamente. y por otro. la forma manual descargando el CMS del repositorio y sustituyen doLo via FTP. Teniendo una copia deL bLog y habien do comprobado que

el theme y los pLug ins son compatibles con la nueva version. puLsa sobre la actualizacion autornatica,

El propio Word Press descarqara eL CMS. sustituira Los archivos correspondientes. ejecutara el update por si tiene que cambiar la estructura de La base de datos y finalizara eL proceso. Si todo ha salido correctamente veras eL CMS extremadamente distinto (si es un cambio de version como de La 2.7 a La 2.8) 0 pequefios cambios en funcionalidad 0 correccion de bugs si ha side una actualizacion mas pequefia (2.7.1 a 2.7.2).

Accede a la seccion Plug ins. seLecciona todos

y puLsa Activar. Tu blog votvera a su estado habituaL pero teniendo todas las novedades de

La Ultima version de Word Press. corregidos los posibLes bugs de seguridad (una de las razones por las que siempre se debe actualizar eL CMS) y La posibilidad de instalar los nuevos pLugins que vayan saliendo sin miedo a incompatibilidades. Como has podido comprobar el proceso de actualizacicn. tan temido y respetado. no es complicado siempre que se lleve a cabo con cui dado y sin prisas.

21

os widgets son conocidos en Internet porque ofrecen informacion relevante y practice de una manera muy sencilla y sin la necesidad de tener ninqun conocimiento avanzado de informatica. Su principal funclon es la de exportar contenido de un servicio concreto. ya sea las canciones que escuchas en Last.

fm 0 los ultirnos mensajes que has publicado en Facebook. e incluirlo en un sitio externo. en este caso. un blog. Lo que consigues exportando informacion de otros servicios e incluyendola en tu blog es aportar datos adicionales al usuario, permitiendole conocer mas sobre ti

y tu actividad en la red. y fidetizandolo por su afinidad contigo.

Wigadget

La mayoria de los widgets son ofrecidos por un servicio concreto para permitirte exportar la informacion generada en el mismo pero. i,que ocurre con esos servicios que no ofrecen widgets? Y mas aun. si quieres ofrecer un widget con el contenido de tu blog para que otros 10 incluyan en los suyos. i,no hay ninguna forma de crear un widget personalizado sin tener un conocimiento avanzado en proqrarnacion? La respuesta esta en Widgadget.

Widgadget es una comunidad de widgets para distintas plataformas (webs. blogs. redes sociales, iPhone ... ) que no sola mente crea y recopila widgets de cientos de servicios de la Web 2.0. sino que te permite. de una forma muy sencilla e intuitiva. crear tu propio widget para compartirlo con quien quieras.

• Registro Para poder crear tu propio widget y Ilevar a cabo diversas acciones en Widgadget necesitas registrarte. Accede a www.widgadgel.com. selecciona el idioma que quieras en el menu superior y posteriormente pulsa en Register. Entraras en el proceso de registro cuyo primer paso es elegir quien eres para asi ofrecerte

22

las funciones mas afines a ti. Hay cuatro opclones. Usuario. busca widgets de servicios

de terceros para ponerlos en su bloq. Blogger. generador de conlenidos y por 10 tanto busca crear un widget para compartir y promocionar su bloq. Empresa. busca crear widgets para mostrar sus productos y servicios, y finalmente Agencia. quienes quieren crear widgets para

cabo para crear un widget: escoger el contenido. seleccionar las caracteristicas que tendra el widget. promocionarlo mediante la galerfa de la propia comunidad y distribuirlo. publican dolo en tu blog y cornpartiendoto con todos tus visitantes.

ElwiClrWid(JCl

carnparias publicitarias. Pulsa en Btogger. Rellena el formulario de registro com pletamente. escogiendo nombre de usuario. correo electronico. informacion personal. tu blog y cuenta de Twitter. si tienes. Acepta las condiciones. es recomendable leerlas antes de aceptarlas. y crea la cuenta. Si todo esta correcto terrninara el registro y te enviara un email con la contrasefia y las instrucciones para activar la cuenta. Pulsa en el enlace de activacion y podras acceder al mismo.

Lo primero que debes hacer es seleccionar el tipo de widget que quieres. Desktop. 0 widget de escritorio mediante el cual pcdran tener tus seguidores en el escritorio de su ordenador toda la informacion en directo de 10 que vas publicando. RSS. para obtener el widget a partir del feed de tu bloq, Btogger. te permite tener juntos las actualizaciones de tu blog y de tu cuenta de Twitter; External. si ya tienes un

Para crear un widget de forma automatica a partir de tu feed. pulsa en Widgetiza tu RSS. Encontraras los pasos que hay que Ilevar a

widget en JavaScript 0 Flash creado y deseas introducirlo en la comunidad para conseguir una mayor difusion, 0 finalmente Personatizar. opcion de pago en el que una serie de tecnicos te crearan un widget totalmente personalizado y avanzado de tu blog 0 servicio.

Contempla dos opciones mas pero no estan disponibles todavla. creaci6n de un widget

para el dashboard del Mac OS y la de una aplicacion para el iPhone. En nuestro caso vamos a crear un widget Blogger. para poder tener las actualizaciones tanto de nuestro blog como de nuestra cuenta de Twitter. Si no tienes cuenta de Twitter es muy recomendable crearla. ya que permite una cornunicacion muy rapida y dinarnica entre bloggers. adernas de ser un medio realmente ideal para relacionarte y que te conozcan.

Pulsa en Btogger y posteriormente en Crear Widget. El primer paso sera introducir y verificar la URL de tu feed al igual que tu cuenta de Twitter. En este segundo caso debe ser publica para que pueda aeeeder a tus aetualizaciones

y las liste en el widget. Verifiea ambas y confirma si quieres que la imagen del widget sea la de tu avatar en Twitter. Si todo esta eorreeto. saldran dos vistos verdes y podras pulsar en la opclon Siguiente.

Paso 1 ~ Verificar Feed

En este segundo paso. accederas al editor

del widget donde podras personalizar su apariencia. Lo primero sera elegir un tarnafio predefinido (estreeho. raseaeielos 0 ancho). A continuacion. tendras que escoger uno de los eolores predeterminados 0 usar la paleta para seleecionar uno que se adapte mas a tu gusto.

P<lso2-0isel'ia,-Wiliqd

23

Elegir el color del texto. Y finalmente seleccionar si quieres que muestre una imagen, los titulares 0 los titulares y el comienzo del articulo: y finalmente el tftulo del widget.

Es muy sencillo ya que en todo rnomento tendras una visualizacion del widget a la derecha, que cambia en tiempo reaL con las modificaciones que lleves a cabo. En cualquier caso. tienes un enlace que pone Vfdeo en la parte superior de la paqina. mediante el cual accederas a un screencast que te muestra paso a paso como utilizar el editor. Una vez hayas terminado, pulsa en Siguiente.

El ultimo paso es un formulario como el del Widgetiza tu RSS, en el que debes rellenar con exactitud para conseguir una prornocion adecuada dentro de la comunidad, consiguiendo trafico y usuarios. Por un lado. rellena el titulo, las categorfas que tratas en el blog, palabras clave que las complementen, Idioma, miniatura y una pequefia descripcion del mismo.

Una vez 10 hayas terminado pulsa en Enviar

y te rnostrara el widget totalmente finalizado, con la posibilidad de compartirlo 0 publica rio en diferentes servicios como Netvibes, Twitter

o Word press. De esta forma podras instalar

el widget de una manera mas rapida y direcla en el servicio de blogging que uses. Si cierras esa ventana, encontraras el codiqo para poder insertarlo en tu blog, independientemente de la plataforma que ten gas. Solo tienes que copiarlo y pegarlo en un lugar visible.

Mediante estes sencillos pasos tendras un widget de tu blog creado y adernas formando parte

24

un punto concreto del blog (barra lateral, posts ... ) sino un script que rnostrara un chat permanente muy parecido al usado en Gmail 0 en redes sociales como Facebook. Para poder usa rio debes registrarte antes. Accede a Jabbify Gabbify.com)

y pulsa en Sign up for Jabbify (Resgfstrate en Jabbify). Te rnostrara un formulario muy sencillo don de deberas rellenar tu nombre de usuario. correo electrcnico y la contrasefia. Una vez compLeto

'0

jabbify

pulsa sobre Sign up (Registrar). Si los datos introducidos son correclos te rnostrara un aviso de que se ha enviado un correo electronico con un enlace para activar la cuenta.

de la comunidad de Widgadget, don de los usuarios podran encontrarlo y colocarlo en sus blog ganando tanto trafico como contenido.

lnsertar et chat en el blog

Puede resultar extrafio de primeras pero Jabbify solo permite acceder a la confiquracion una vez hayas insertado el chat en un blog, al contra rio que la mayor parte de servicios. Una vez completado el registro y la activacinn de Jabbify, te mostrara una pantalla con los dos pasos que hay que llevar a cabo.

Incluye un chat en tu blog

Una forma para consoli dar visitantes y conseguir que tu blog crezca es escucharles. Ellos son los que, mediante sus visitas, el efecto boca-oreja

y la conversacion en los comentarios, te haran evolucionar. madurar y crecer. El email y los comentarios son dos formas de recibir un feedback por parte de ellos pero una solucion mas direcla y dinarnica es la de insertar un chat en tu blog. Hay muchos servicios que permiten incluir un sistema de mensajerfa instantanea en un blog pero uno de los mas sencillos es Jabbify Gabbify.com).

En primer lugar tendras que insertar Jabbify en tu blog. Para ella puedes elegir una de las cuatro opciones disponibles mediante un codigo JavaScript 0 un plugin 0 archivo espedfico para gestores de contenidos como Blogger, WordPress 0 MediaWiki. Para estos ultirnos.

te rnostrara paso a paso que debes hacer para

Introducci6n y registro Jabbify es un widget desarrollado en Javascript que te perrnitira incluir un chat en tu blog de forma totaLmenle independiente del mismo. No se trata de un widget cualquiera que se incluye en

cB'anat t ..

IIIPlltl"J:

incluir el chat en el blog. En el caso de querer insertar el codiqo JavaScript. simplemente tienes que copiarlo dentro de las etiquetas <bod}'> del blog y en una seccion que aparezca siempre, como por ejemplo la cabecera (header). Una vez To hayasincluido varas un chat bloqueado, pidiendo que te registres 0 que inicies sesion en Jabbify. Tienes que asociar tu blog al sistema, accediendo a la pestafia de Sign In (lniciar sesion). e introduce tu usuario y contrasefia e inicia sesion.

Configurad6n y funclenamlentc Una vez hayas introducido tu usuario y contrasefia. autornaticarnente se incluira ese bLog en Jabbify y a partir de ese momenta los usuarios podran chatear tanto contigo como entre ellos. EL formula rio te habra redireccionado aL panel de controL de Jabbify donde encontraras las opciones para configurar tu cuenta.

My Account

Bajo la seccion Domains (Dominios) te rnostrara Los dominies que tienes asignados con La posibiLidad de configurar aLgunas opciones 0 eliminarlos. Justo debajo, encontraras la seccion de Personal Settings (Confiquracion Personal) don de podras cambiar tu nombre de usuario. la zona horaria 0 cambiar el password.

Adernas. hay un campo bajo el nombre de Jabber 10 que sirve para que cuando alguien te escriba un mensaje en el chat 10 puedas recibir en tu cuenta de Jabber. Jabber es un protocolo libre de mensajerfa instantanea minoritario pero que poco a poco esta ganando usuarios gracias a Google Talk. Para ello. adernas de incluir tu

ID, deberas agregar un nuevo contacto que sera el nombrededominio@jabbify.com. Para que

25

- - ~~--~~--- - - -- ----- - - - I

__ -'11:11

no haya dudas. la direccion de ese contacto se muestra en Personal Settings.

Si vuelves a la seccion Domains y pulsas en Settings (Confiquracicn) accederas a una seccion donde podras ver y configurar caracterfsticas sobre ese dominic en concreto. Se pueden visualizar los usuarios que se han registrado en el chat. con la posibilidad de afiadir nuevos usuaries. y una zona de estadfsticas con el tiempo que lleva el chat activo. usuarios. mensajes escritos y finalmente la posibilidad de crear una lista negra con palabras que no permites en tu chat.

Emaif Access Type Status Options

active

Si has tenido comentarios podras visualizar una nueva pestaria llamada Moderate (Moderar).

En ella podras ver los mensajes enviados por los usuarios. pudiendo filtrar por palabras que contienen. nombre del usuario que los ha enviado 0 fecha en la que se escribio. Una vez hayas encontrado los mensajes que buscabas puedes borrarlos 0 bloquearlos. El panel de control es algo que normalmente otros chats. que solo estan basados en widgets. no tienen y resulta muy util para bloquear usuarios trolls. no permilir conlenidos no apropiados 0 spam.

Inserlar un chat en un blog es una forma muy dinarnica y directa de poder recibir feedback por parte de tus visitanles. Adernas. la cercanfa que

Moderate

Find Messages

accrno ve tcoo cor aoup

Containing Use rna me

Starting on r~1'~~J}:r;;;TBCj1

'""P'

cere

03/14/09

LavcrdedesQueel>tcchatest.;igen;all

26

se demuestra con un chal permite consolidar usuarios rapidarnente. Si adernas es muy sencillo de implemenlar. ofrece sincronizacion con jabber y posee un panel de administracion para controlar 10 que se escribe. se convierte en una herramienta perfecla lanto para los visitantes como para el blogger.

Afiade muslca a tu blog

Un blog no es solamente contenido sino di-

sefio. para hacer mas sencilla la lectura de

los posts; usabilidad, para que los usuarios encuenlren la informacion sin dificultades, 0 incluso complemenlos para que la visita a ese blog sea mas amena. Uno de estos com plementos puede ser un reproductor de rnusica, Todos los reproductores para escuchar rnusica online se pueden dividir en dos grandes qrupos. reproductores externos y reproductores inlernos. Los reproduclores exlernos son aquellos cuya rnusica esta alojada en un servicio de terceros que proporciona un reproductor que se pueden integrar en blogs 0 paqinas web mediante un codiqo. un widget. Por el contra rio. un reproduclor interne es aquel que permile reproducir la rnusica que ten gas alojada en tu servidor y que normalmente esta basado en Adobe Flash.

Aunque no es tan personalizable. un reproduelor externo Ie desliga de tener que alojar canciones en tu servidor. consumiendo ancho de banda. y desvfa los posibl.es problemas que puedas lener con los derechos de las canciones. Se explicara el proceso con FineTune. una alternaliva solida y potenle a LasUm que. aunque aun no ha hecho su reproductor de pago. ha dejado de ofrecerlo como widget.

FineTune es un servicio de creacion de lislas de reproduccion personalizadas con la posibilidad de exportarlas a blogs y paqinas web. La principal diferencia con respeclo a LasUm es que este sf permite crear listas donde se escuchan las canciones complelas. Lo consigue obliqandote a crear listas con mas de 45 canciones que luego sonaran

en reproduccion alealoria. Adernas. tiene la restriccion de

no poder incluir tres lemas de un mismo artista en una lisla. Con estas reslricciones estan aulorizados a ofrecer canciones completas para escuchar de forma gratuila.

Para empezar a crear lislas tienes que registrarle accediendo a www.finetune.com ya Registro (Sign In).

Para crear listas debes acceder a la seccion de Perfil (Profile) en la parte superior y denlro de allf a la seccion de Listas (Playlists). y finalmente en Crear nueva lista (Create a New Playlist). Por defecto te pondra el nombre de tu usuario mas un nurnero aunque en esa panlalla puedes cambiar la imagen que identifica a esa lista (Upload Playlist Icon) 0 editar la informacion de la misma (Edit Playlist Info). como el nombre 0 una descripcion.

Para agregar musica tienes que buscar un artista en el buscador que hay en la parte superior. seleccionarlo y luego afiadir las canciones que quieras pulsando en el sfmbolo + y seleccionando la lista a la que quieres que vaya ese tema. Cuando la lista haya superado las 45 canciones podras compartirla. Para ella hay que acceder a la lista en cuestion seleccionando Perfil (Profile).

,I

pulsando en el nombre de la lisla que quieras

y una vez denlro en Comparlir lista (Share Playlist). Copia el codiqo especffico que se ha generado para blogs y 10 pegas en el tuyo. normalmenle en un sitio visible y permanente como puede ser la barra lateral.

27

~--------------------- - ---- --

-- ; -

,

lncorpcra Los reproductores internos el inconveniente de que la musics que reproduces tiene que estar alojada en tu servidor y llevan algo

esta la informacion de las canciones que se van a reproducir.

Este es el codiqo que ofrecen en la paqina web oficial para incluir el reproductor en blogs y paqinas web:

8o~jeGt;>t:Y'E'e="ajJPli"at:i.on/"-shockwave-flash" width="400" height="170" data="ht;tp:llyourdornain.com/xspf__player.swf?playlist_url=http://yourdornain.com/ yourplaylistlist.xspf">

<par-am name=vmov.Le "

: va.lue=~'ht.tp: llyourdornain. coin"/xspf__player. swf?playlist_ur'l=http://yourdornain . corn/yourplaylistlist.xspf" />

</object>

mas de trabajo instalarlos y configurarlos. Por el contra rio no de pen des de un servicio externo que puede eliminar esas canciones 0 estar caldo. A continuacion. tienes dos de las mejores atternativas de reproductores internes para blogs. Una buena alternativa es XSPF. reproductor avanzado. basado en Adobe Flash

y que cuenta con tres rnodelos. Button. solo tiene el boton de reproducir, Slim. mucho mas completo incluyendo adernas controles de volumen; y Extended. que contempla todo 10 anterior mostrando adernas la lista de reproduccion completa.

El texto resaltado en neg rita dentro del codiqo es donde tendras que poner la ruta del archivo SWF y a continuacion la del archivo XSPF con

las canciones a reproducir. Para ella tendras que crear un archivo .xspf que tendra un contenido con la siguiente estructura,

<title>Internal Exarnple</title>

<location>file:///C:/rnusic/foo.rnp3</location>

</track>

<track>

<title>External Exarnple</title> <location>http://www.exarnple.com/rnusic/bar.ogg</location>

</track>

</trackList> </playlist>

Lo primero que tienes que hacer es acceder a la paqina oficial. musicplayer.sourceforge.net. y descargar el archivo SWF del modele de reproductor que quieras incluir y subirlo a tu servidor. La complejidad de este reproductor radica en que tienes que pasarle un archivo XSPF (XML Shareable Playlist Format) donde

La estructura es muy sencilla. Esta dividida

en secciones donde cada seccion se abre con -cnornbre de secci6n> y se cierra con -c/nombre de secci6n>. En el c6digo. las tres primeras lfneas son obligatorias al igual que las dos ultimas que cierran la lista de canciones (tracklist) y la de reproduccion (playlist). Dentro de la

28

seccion tracklist estaran las canciones (tracks)

y dentro de cada una de ellas los parametres necesarios que necesita el reproductor para funcionar. titulo (title) y lugar donde esta la canclon (Ioeation). Completa esa informacion y tendras la lista de reproduccion terminada.

lnsertar un reproductor en un blog es un extra que puedes ofrecer a tus lectores quienes pasan tiempo leyendo 10 que publicas y nunca viene mal hacerles sentir mas cornodos. Tanto los reproductores externos como los internos tienen sus pros y sus contras y debes elegir dependiendo de la situaclon en la que te encuentres (no tienes servidor propio. tienes un volumen de trafico muy alto ... ) pero siempre pensando en tus visitantes que son a quienes ira dirigido el servicio.

Convierte tu blog en una red social con Google Friend Connect

Una herramienta sencilla y de facil intsqracion que aporta funciones avanzadas de red social para blogs es Google Friend Connect (www.google.com/friendconnect). Se trata de un servicio desarrollado por Google que ofrece una galerfa de gadgets. asf se llaman los widgets de Google. que te permiten integrar en tu blog diferentes funcionalidades sociales como por ejemplo rnostrar los integrantes de tu comunidad. crear eventos. mostrar cumpleafios 0 lanzar encuestas.

La inteqracion en el blog es muy sencilla al ser gadgets. solo se necesita copiar y pegar un codigo y en algunos casas subir alqun archivo. y la interaccion por parte de los usuarios con el rnismo es muy abierta ya que se puede llevar a cabo por medio de diferentes cuentas como Google. Yahoo!. AIM u OpenlD. El resultado son modules que emulan funciones de red social con los que tus visitantes pueden interactuar. participando

de forma act iva en la comunidad y sintiendose aun mas parte de ella.

Una vez que tienes creada la cuenta 0 si ya disponlas de ella. ve a Friend Connect (www. google.com/friendconnect). Al tener la sesion iniciada con tu cuenta de Google te llevara a la pantalla principal del servicio donde 10 primero que tienes que hacer es agregar tu blog. Te muestra dos posibles opciones. web estandar (Friend Connect for standar web sites) 0 blog creado en Slogger (Friend Connect for Blogger bLogs) -el sitio para crear blog gratuitos de Google-. Si tienes un blog creado en el servicio de Google te 10 rnostrara automi3ticamente en la barra lateral izquierda por 10 que el proceso que viene a continuacion no necesitas llevarlo a cabo. Si por el contra rio tienes un blog fuera de Slogger pulsa en la primera opcion.

a new site

Choose the kiM of site to whichyolld liketo iJod f'r~8I1d coocect

En este punto. se rnostrara una vision general de las diferentes acciones que tendras que llevar a cabo para completar la confiquracion de Google Friend Connect y la posterior insercion en el bloq. subir dos ficheros necesarios a tu servidor. copiar el codiqo del gadget. pegarlo en tu blog y finalmente probar y afiadir otras herramientas sociales. Si tienes el blog creado en un servicio gratuito que no es Slogger sin posibilidad de subir archivos. como Wordpress.org 0 similares. no podras usar Google Friend Connect de momento. Pulsa en Continuar (Continue).

R"'fli"t,.n 'I configuration

Para poder usar Google Friend Connect

necesitas tener una cuenta en Google. Si no dispones de una ya. para crearla accede a www.google.es y pulsa sobre Acceder que se encuentra en el menu superior derecho y dentro de ella selecciona Crear una cuenta ahora. A continuacicn. rellena

el formulario y pulsa sobre Acepto. Crear

mi cuenta (I accept. Create my account).

Recibiras un correo con un enlace para activar la cuenta. Pulsa en el y tendras una cuenta de Google que te dara acceso a todas sus herramientas y servicios. entre eltos Google Friend Connect.

El primer paso sera escribir el nombre y la URL de tu blog. Escribe ambas teniendo en cuenta que la direcci6n del blog tiene que estar completa. incluyendo http:// y si el blog esta en

I"~rsonal t

....umpl.l .. '!!:

29

--

! ' I

-- :, -I

)1 ~

alqun subdirectorio. como por ejemplo /blog. Pulsa en Continuar (Continue).

o Tell us about your site

En el segundo paso deberas descargar dos archivos necesarios para el funcionamiento de los gadgets y subirlos en la URL indicada de tu servidor. que sera la introducida previa mente como direccion del blog. Estos dos archivos contienen las funciones necesarias para que los gadgets se yean correctamente y los usuarios puedan interactuar con ellos. Pulsa en los botones rpc_reLay.html y canvas.html para descargarlos y mediante un programa FTP suhelos al servidor. Pulsa en Continuar (Continue).

You ncee to pl/tlhis file 0" your web site !leN". for Friend Connr.CI to wa.k

i 0 Add the following files to your site

Upload 10'

h!lp:/i"· ........ ,pis;!oeomad'id.comlblogl'pc_'elay,htrni

You need:o put tllleRe en yom web site server ,0< F.iend Connett towolk

AhgutFrillnd Conned

:C!l<Wns.hlml' hllJ};/A,-.v".Disiloenffiild'id.com!blogJcan ..... S.hlml

Upload!,,:

Finalmente. el tercer y ultimo paso es una test para comprobar que todo se ha realizado correctamente. Pulsa en Prueba para finalizar la instalacion (Test to finalize setup) y si todo se

seccion central con todos los gadgets sociales disponibles. Pulsa en el blog que has agregado y se despleqaran todas las funciones sociales disponibles para incluir y configurar en el mismo. La primera opcion es la Descripcion general

Ql'f_'Y~ §_rt.QJill!!i!!lll'_

Mombersgadcc_\l; ful9_~L9i!!j£!ili; ~.kJ!~

0 .. = lh"gadget;saddad, "selltol,"nyo~rs;toas ~ Milnaoemamoo.s vls;l"'wcu;d.ih~"""""'o":Ochooseolners(){;ial

(Overview) que muestra mediante dos qraficas. los numerus de tu comunidad. Por un lado.

los nuevos integrantes. visitantes que se han unido a tu comunidad en la ultima semana. Y por otro. el historico de miembros a 10 largo del tiempo. Informacion realmente util para conocer el exito de tu comunidad.

A continuacion, tienes la opcion de Configuracion del sitio (Site Settings). sola mente disponible para los blogs fuera del servicio Slogger. ya que facilita el cambio de informacion del blog. cosa que en el servicio de Google se haria desde el Panel de adrnintstracion. Esta seccion posee dos pestafias una para editar

la informacion introducida en el momenta de registro (Basic) y otra para configurar algunas opciones mas avanzadas (Advanced) como traducir los textos de los botones de los gadgets. el mensaje de confirmacion cuando alguien se une a tu comunidad 0 las invitaciones de otros usuarios a tu comunidad.

EI siguiente apartado es uno de los gadgets mas importantes. Menu social (Social Bar). Se trata de una

barra de naveqacion que se rnostrara siempre en tu blog. en la parte superior 0 inferior. siendo totalmente

configurable y que proporcionara informacion sobre tu perfil. 10 ultimo publica do en el blog. ultirnos comentarios 0 los miembros que forman la comunidad.

Para incluirla en tu blog. pulsa en Social Bar

en el menu lateral dentro del blog que quieras introducirla. Completa el proceso de configuracion indicando si quieres que se muestre en la parte superior 0 inferior del blog (Social bar position). que aparezcan los comentarios (lnclu-

Set up a new site

o Test your setup

To finalize setuo. press the button below. We'll look lor your Home URL and for the two Friend Conned files within.

About Friend Connect

ha hecho correctamente accederas a la pantalla de qestion de gadgets con tu blog visible en la barra lateral izquierda. Todo esta listo para empezar a utilizarlo,

4.2. Funclonarnlento basico

La qestion de Google Friend Connect esta divida entre una barra lateral izquierda donde encontraras los diferentes blogs que hayas incluido. y una

30

de comments gadget) de todo el blog 0 solo de paqinas 0 de ciertos posts; escribe la frase de apertura de los comentarios (Start with this text

Site settings

o Prompts and labels

This is the label of the link in Frieno Connect gadgets that allows visitors 10 sign out of your site. If you leave Ihis blank. then the default prompt is "Sign out."

o Other options

InvitatlonURL;

L~~~~~~~~=--=~=-=:==~ __ !D

When venors receive an invitation 10 your site from a member. this is the URL thai they receive in tl1al email. This would normally be the home page 01 your sne. but you could arso choose 10 send the URL of the page trom which the member sent the invitation

Pul one address per line

o Save your Advanced Settings

Alternatively, you can delete Friend Connect from this site

This will remove all member data. posts. reviews, and all other Friend Connect data from your site. This action cannot be reversed.

in the comments area) y el titulo de esta seccion (Comments header); y finalmente selecciona

si permites a los usuarios publicar enlaces de YouTube 0 dejar comentarios an6nimos.

En el siguiente paso pulsa en Generar codigo (Generate Code). copialo y peqalo en un lugar visible en tu blog. Un lugar idoneo es la barra lateral y tanto en Blogger como en la mayorfa

de eMS se suelen insertar mediante widgets 0 gadgets del sidebar. Basta con acceder a Disefio (Design) y Afiadir un gadget (0 widget dependiendo de la plataforma).

Dentro de los Gadgets. selecciona uno Ilamado HTMUJavascript donde podras insertar cualquier

bar to your site

Put" social bar at the top of your f;ii~'s Pll~J('>S io givQ your visitors easy access to Friend Connect's social i(wtures.

",,' Eoabre your visitors 10 easily join (lOld dlsCov(~1 each miler

... 4 Let vrsttcrs reed and post comments tcgothol 0"AClivil;csl"kin9placeinwciillg a dg(itn!llfOugl)(WIYOUlsit(jt>~obl()!olhelop if No need 10 redes'>!n your paga5

~~'''''';"'.'' &i1'''''''''''''''''''"'''''''~~''''''''''''"'''~~''''''''' . v=.., t~·--""""'-"""""""~comm<n('161

case

Commonts apply to:

C~~~~_ill

Thn;allectswhelhcfoIHOlvisilo,gsoothesamadiscllssionacrosSYO{lr enlimsila leg3rdll'SS 01 tho pagelhoy ere 011. 01 il each page has its own sep<!l?te dlsCI.Issioll. You cen erec set Ihis W "Id" 10 have a set uf pagesstl<lfe asinglfl discussion.

I.'i!lAlIol'Ivisitols10 poet YouTubc ilnk~

Create tile HTML code

o Copy the code into your site

PilsletheabovegadgolcodeinloanHTML.pageonyoursile.ThepagcyOlJeditshotllrl be within hllp:',w,·,W.pisitoenmadrld.comlblog/ 01 one 01 its sub·direclories

codlqo escrito en uno de estos dos lenguajes.

Y finalmente pega el ccdiqo del gadget que anteriormente habfas copiado. afiadiendo un titulo y pulsando en Guardar (Save). Para terminar. mueve el gadget. arrastrandolo. hasta un lugar bien visible dentro de la barra lateral.

La siguiente seccion es Gadget de Miembros (Members Gadget). el gadget principal que se utiliza para que los visitantes se unan a tu comunidad y que se explicara en detalle junto con Gadgets Sociales (Social Gadgets). en el siguiente punto.

31

I

Finalmente tienes funciones de gesti6n. Moderar publicaciones (Moderate posts) y Gestionar miembros (Manage members). que facilitan

la moderaci6n de los comentarios y anotaciones que realicen los visitantes y la gesti6n de los miembros de la comunidad pudiendo aceptarlos 0 banearlos. una secci6n Para desarrolladores (For developers). que muestra

la API de Google Friend Connect. tanto la de Javascript como el resto de rnetodos, para que los desarrolladores puedan programar sus propios rncdulos, y la ultima secci6n de Plugins para CMS (gestores de contenidos) como Word Press. Drupal 0 phpBB. facilitando yautomatizando la integraci6n del m6dulo Google Friend Connect en cada uno de ellos.

Gadgets

Google Friend Connect ofrece un gadget principal. Members Gadget. donde los visitantes podran unirse a tu comunidad y Social Gadgets. con funcionalidades que pod ran utilizar una vez form en parte de ella. Por ejemplo. confirmar que iran a ciertos eventos 0 participando en encuestas.

32

en

Para conseguir que los visitantes de tu blog formen parte de tu comunidad necesitas tener bien visible el Gadget de Miembros. ya que este muestra un bot6n para que puedan unirse a la misma con alguna de las siguientes cuentas. Google. Yahoo!. AIM u OpenlD. Para induirlo en tu blog pulsa en Members Gadget. dentro del blog en el que quieras incluirlo. situado en el menu lateral de Google Friend Connect.

El Members Gadget tiene dos modalidades. una mas reducida donde se ofrece a los visitantes que se unan a la comunidad 0 inicien sesi6n para que puedan interactuar con los diferentes gadgets que tengas actives. y uno mas completo que adernas muestra los avatares de algunos miembros de la comunidad. pudiendo navegar por sus perfiles y con un enlace directo para que inviten a sus contactos a unirse.

Selecciona el que mas te guste pulsando en el enlace correspondiente. en este caso Ariadir el Gadget de miembros (Add a Members gadget). Uegado a este punto. varas la pantalla de configuraci6n del gadget con todas las posibles caracteristicas y finalmente el c6digo para copiarlo. Selecciona el tamafio en pixeles del gadget y el nurnero de filas de avatares de miembros de

tu comunidad que quieres que se muestren. Elige los colores para las diferentes secciones del gadget fondo. texto y enlaces de cabecera. contenido y borde. pudiendo apreciar el resultado final de forma inmediata en la visualizaci6n de la derecha. En el caso de dejar en blanco un color. sin valor hexadecimal. el gadget 10 interpretara como trasparente. Obten el c6digo HTML pulsando en Generar c6digo (Generate code) y finalmente copia el c6digo en la barra lateral. del mismo modo que el explicado en el punto 1.2 dentro de Social Bar.

I'!:.ersonal to

I.oUmplh:-L

Con este gadget los visitantes que lleguen a tu blog podran unirse a tu comunidad. relacionandose con otros usuarios y generando debates

alternativos en los comentarios. para lela mente a los contenidos publicados. valorando tu blog. asistiendo a eventos que publiques 0 conteslando a encuestas. En definitiva. participando. sintiendose parte de ella y fidelizandose.

Galerfa de gadgets

El Gadget para Miembros de la comunidad es el punto de partida de la comunidad. 10 que conectara a los visitantes con la misma. pero para que crezca y tenga senti do formar parte de ella tie-

nes que proporcionar otras vias de participaci6n y debate. En este caso entran el resto de gadgets que han side desarrollados para esta actividad. Pulsa en Social Gadgets dentro del blog don de quieras insertarlos. situado el menu lateral de Google Friend Connect.

En esta secci6n encontraras todos los diferentes gadgets disponibles para induir en blogs. Dejando el prirnero. Members Gadget anteriormente nombrado. tienes. Comentarios (Comments). permitiendo que tus visitantes publiquen comentarios y enlaces independientemenle de la ternatica iniciada por un post; Votaciones y criticas (Rating and reviews). brindando la posibilidad de que tus visitantes hagan criticas y valoren el blog mediante estrellas. Evento (Event). para promocionar eventos y permitir que tus visitantes se

unan a los mismos. anirnandoles a asistir. Recomendaci6n (Recommendation). donde tus visitantes pueden recomendar enlaces interesantes; Encuestas (Polls). lanzando encuestas que seran respondidas por miembros de la comunidad; y Obten respuestas (Get answers). animando a tus visitantes a que pregunten y contesten preguntas lanzadas por otros miembros.

El mecanisme para integrar est os gadgets en el blog es el mismo que el m6dulo de rniernbros. configurando las caracteristicas esenciales y copiando y pegando el c6digo resultante en los m6dulos HTMUJavascript de la barra lateral. Adernas. cada gadget viene con un video explicativo 0 un blog de muestra bajo los enlaces Watch Video y Sample site. correspondientemente. Mediante estos gadgets. que deben estar en un lugar bien visible para fomentar la participaci6n. tus visitantes podran interactuar con otros usuarios de forma paralela al blog. al mas puro estilo red social. perrnitiendoles de una forma mas abierta. aunque siempre teniendo como punto de encuentro el blog. formar parte de una comunidad.

1'~!l!iI.nal to

I.oUIIIPlbrL

33

Google Analytics Hay muchos servicios de estadisticas orientados a paqinas web y blogs. pero uno de los mas completos dentro de los gratuitos es Google Analytics.

• Registro y Google Analytics es el servicio que ofrece Google de forma gratuita para gestionar las estadisticas de cualquier paqina web. Para poder usar este servicio necesitaras una cuenta en Google. Si no dispones de una ya. para crearla accede a la paqina web www.googLe.es y pulsa sobre Acceder que se encuentra en el menu superior derecho y dentro de ella selecciona Crear una cuenta ahora. A continuaci6n. rellena el formula rio y pulsa sobre Acepto. Crear mi cuenta (l accept. Create my account).

Recibiras un correo electr6nico con un enLace para aclivar la cuenta. Pulsa en el y tendras una cuenta de Google que te dara acceso a todas sus herramientas y servicios. entre ellos Google Analytics. Una vez activa. inicia sesi6n y accede a www.googLe.

dernas de la informaci6n y los extras que puedas ofrecer a tus visitantes para la creaci6n

y fidelizaci6n de una comunidad. es interesante conocer tus datos internos y uno de los mas importantes son las estadisticas de los visitantes. Mediante ellas no solo cornprobaras la repercusi6n de

tu blog sino que conoceras tus contenidos y secciones mas interesantes viendo los rincones mas visitados 0 los mas enlazados.

34

com/intUes_ALUanaLyticsl y pulsa sobre la opci6n Acceder a GoogLe AnaLytics.

Para poder realizar el seguimiento estadistico de tu blog deheras crear una nueva cuenta pulsando en Afiadir una cuenta nueva. Cornenzara un registro muy sencillo de cuatro pasos para agregar tu blog al sistema de estadisticas de Google. Pulsa sobre Regfstrese.

El primer paso es rellenar la informaci6n de tu blog. introduciendo la URL completa del mismo. si tiene un subdirectorio como /blog hay que afiadirlo. el nombre de la cuenta que

normalmente es el titulo del bloq. el pais 0 territorio de la zona horaria y la zona horaria. AL finalizar pulsa sobre Continuar.

y condiciones anteriores y pulsa sobre Crear una cuenta nueva.

Finalmente. el Ultimo paso consiste en incluir

el c6digo JavaScript en todas las paqinas de tu blog. Cuando se visite

una paqina este c6digo enviara informaci6n a Google Analytics que la ira recogiendo para posteriormente generar informes de estadisticas detallados. En esta secci6n te encontraras dos c6digos diferentes. urchin.js y ga.js. Ambos c6digos son valido pero ga.js es el mas actualizado y el que permite funcionalidades mas optimizadas como una carga mas rapida. mejoras en el seguimiento de tran-

En el siguiente paso deberas introducir la informaci6n de contacto. compuesta por el nombre y los apellidos. el nurnero de telefono

y el pais 0 territorio de residencia. AL finalizar pulsa sobre Continuar.

El tercer paso consiste en leer y aceptar las condiciones del servicio Google Analytics. Lee toda la informaci6n cuidadosamente y si estas de acuerdo marca la casilla Sf. acepto Los terminos

sacci ones de comercio electr6nico. mas c6digo para interactuar con AJAX 0 acceso a mejores informes.

Para incluir el c6digo en todas las paqinas de tu blog puedes optar por dos alternativas. La primera es introducirlo antes de la etiqueta <.I

35

- -- ---- -_--

... .'i ----- I

body> de forma manual. Para ella aprovecha que los blogs tienen una secci6n que se carga absolutamente en todas las paqinas. el pie 0 footer. Edftalo. copiando y pegando el c6digo y ya 10 tendras colocado en todas y cada una de las paqinas,

Si no te atreves a editar el c6digo. aunque sea algo relativamente sencillo. puedes usar plugins para CMS como Word Press. por ejemplo Google Analyticator. que te pedira el c6digo y el 5610 se encarqara de induirlo en el footer. Ambas formas son validas y una vez finalizadas estaras recogiendo estadisticas detalladas de tus visitantes.

1.2. Funcionamiento

Para poder llevar a cabo el seguimiento de

tu blog accede al panel de administraci6n de Google Analytics (www.google.eom/analytics/ settings/home). y pulsa sobre la cuenta que ten-

quierda y un contenido central que muestra el informe general de tu blog compuesto por las visitas. el uso del sitios (paqinas vistas por visitao promedio de tiempo en el sitio. poreentaje de visitas nuevas). qrafico de visitas por lugar en el mundo. fuentes de trafico y una visi6n general del contenido mas visitado.

En la barra lateral izquierda encontraras las secciones en las que esta dividido el servicio

de Google para estadlsticas. Usuarios. Fuentes de trafieo. Contenido y Objetivos. En la primera secci6n. Usuarios. encontraras informaci6n detallada relacionada con los usuarios (idiomas. ubicaci6n) y su comportamiento (tiempo de permanencia en el sitio. paqinas vistas por visita). Recorriendo las diferentes subsecciones podras llegar a informaci6n avanzada de cada una de estas secciones como Grafieo de visitas por ubicaci6n. que muestra un mapa del mundo con las zonas donde mas visitas te lleqan. Usuarios

Nombrel'

Esladc

Visit.~s Prcmedlo dli porcerueje de

Hempc 9n "Islfo rebotes

r,ttp:fidavidalayol1.blog1;pol.comJ UA·92131(1·2

<.!a~~(jalayon.b logspot.colll:'

http://w\V\'{.plsitocnmadrid.com UA-921310·1

\"WW.piSi\oonmadri:.l.corr.

Ikrhforme 4

Most'nrmn&:l~_O ·ill t cc t fl'~'

ga el blog que quieras analizar. Posteriormente. entra en la opci6n Ver informe dentro del perfil del blog que hayas creado.

Entraras en el panel principal de Google Analytics. compuesto por una barra lateral iz-

Servicios de estadistlcas online

• StatCounter. Uno de los servicios de estadisticas online mas utilizados. Su principal caracteristica es que ofrece estadisticas en tiempo real. Google Analytics ofrece estadisticas siempre al finalizar el dia. y aunque ofrece un tipo de cuenta gratuita muy completa. si tu blog sobrepasa las 1.500.000 paqinas vistas al mes tendras que adquirir la versi6n de pago. Adernas. s610 cuenta con un buffer de 500 logs por 10 que s610 tendras la informaci6n de las ultirnas 500 visitas.

• Reinvigorate. Servicio de estadfsticas online aun en beta que muestra en tiempo real las visitas de una paqina web 0 blog. Muy completo y vistoso. que se apoya en su funciona-

36

00:00:4':)

OU:02:13

59.52%

O~22,76%

Ed.ter I Supdrnir

nuevos y reeurrentes. que lleva a cabo una comparativa de los usuarios nuevos que llegan a tu blog y los que te visitan regularmente descubriendo tanto si posicionas bien en buscadores como si estas llevando a cabo una buena

lidad de tiempo real para ofrecer estadisticas momentaneas como cuantos visitantes hay sirnultanearnente en un instante concreto.

• Piwik Analytics. S6lida alternativa de c6digo abierto a Google Analytics. Es un servicio web que ofrece datos e informes realmente completos y detallados sobre las estadisticas de tu blog. Contempla todas las secciones basicas de Google Analytics.

• SiteMeter. Sistema de estadfsticas parecido a Statcounter. ya que ofrece tanto una cuenta basics gratuita y una de pago para estadisticas mas avanzadas. ofrece estadfstieas en tiempo real y contempla funciones similares.

"J:.~nal t ..

\.NrnPlltl".t

c='Z. :-.!~ .... __ ... ==> .i:;.\'~''''',","" '?'Utuo,loo

Aiil.j.i<'_ Visi6ngeneraldeiasfuentesdetrcifico

EH ..

28105;'2003-2710612009

relacionada con Adwords para poder realizar campafias de promoci6n de tu blog usando las Palabras clave adecuadas.

En la siguiente secci6n. Contenido. se pueden analizar los contenidos mas relevantes ofrecidos en tu blog. filtrando por Contenido principal. posts mas visitados. Contenido

por tftulos. similar pero mostrando el filtrado por titulos de posts; Detalles de

eontenido. informaci6n avanzada relacionada con el contenido visitado. Pfiginas de deslino principales. posls con mas accesos externo. Principales pfiginas de salida. paqinas con un mayor nurnero de abandonos. y Superposici6n del sitio. una herramienta muy inleresante que mueslra el numero de clics realizados en las diferenles secciones de tu blog. Gracias a esla

TodasiasftJentesdetratlcohanenvladotJntotaide84.698vle!tas.

suemee eeteencc principares

labor de comunidad; Idiomas. informaci6n delallada sobre el idioma del visitants, Tendencias de usuario. en donde se puede analizar en delalle el comportamienlo del usuario en tu bloq. Fidelizaci6n. estadfslicas que ayudan a descubrir si realmenle tienes usuarios asiduos 0 no estas haciendo una buena labor de comunidad; Opciones del navegador. informaci6n sobre

los navegadores. sistemas operativos y caracleristicas similares como resoluci6n o colores de panlalla que usan Ius visitantes. Propiedades de red. que indica las velocidades y los proveedores de conexi6n ulilizados

por Ius visitantes. y Oefinido por el usuario. con estadislicas sobre la informaci6n ofrecida por el usuario.

En la secci6n de Fuentes de trfifieo puedes ver los principales sitios que derivan visilanles a tu blog. Recorriendo las secciones puedes enconlrar esladisticas sobre Trfifieo directo. aquellos visitanles que escriben directamente la URL de tu bloq. Sitios web de referencia. con esladfsticas de olros blogs 0 paqinas web que te envian trafico medianle enlaces; Motores de busqueda. con los buscadores y las busquedas que mas trafico generan hacia tu bloq. e informaci6n

Ii·. i

Vlsl6ngeneraidelcontenido

Las pa[Jlnas de eate slttc se hen vtsltadc un total de t81.318veces .

Contenldoprinclpal

OptimIUl~londolap~glnadedostino

podras conocer que secciones son las menos utiles 0 que enlaces estan siluados en sitios pocos accesibles.

Finalmenle. la ultima secci6n es Objetivos. donde podras configurar las paqinas a las que accede un visitanle 0 usuario cuando ha realizado una acci6n delerminada. Por ejemplo. si a traves de tu blog se pudieran comprar articulos. despues de la compra llevaria a una paqina de

U: Panel

Visi6n general de objetivos

13 usuartos

"(:i-.Fuentllsde trafico

37

"Gracias por la cornpra". De esta forma tendras informacion detallada. no solo de visitas sino de las acciones que realizan tus visitantes. Mediante este recorrido has conocido como instalar y configurar Google Analytics en tu bloq. y el uso general del mismo para el seguimiento de las estadfsticas de tus visitantes y sus acciones.

" FeedBumer

Adernas de los visitantes que llegan a tu blog deberas tener en cuenta aquellos que utilizan tecnologfas como RSS y herramientas como lectores RSS. que leen tus contenidos sin visitar el blog. Estos no son detectados por los sistemas de estadfsticas por 10 que tendras que usar un sistema alternativo para contabilizarlos. El mas completo de ellos es FeedBurner.

R"fli<d,rn y Para utilizar FeedBurner necesitaras una cuenta en Google. Si no dispones de una ya. para crearla accede a www.googLe.es y pulsa sobre Acceder que se encuentra en el menu superior derecho y dentro de ella selecciona Crear una cuenta ahora. A continuacion. rellena el formulario y pulsa sobre Acepto. Crear mi cuenta (I accept. Create my account). Recibiras un correo con un enlace para activar la cuenta. Pulsa en

el y tendras una cuenta de Google que te dara

38

acceso a todas sus herramientas y servicios. entre ellos eL FeedBuner. Una vez activa. accede a www.feedburner.com e inicia sesion. lnicialmente te encontraras con eL panel de administracion de FeedBurner. que listara aquellos blogs que hayas ana dido. Para incLuir tu blog en FeedBurner solo tienes que escribir La URL del mismo 0 de su RSS en la seccion Burn a feed right this instant. y pulsa en Next. Si eres un podcaster. en vez de un blog tienes un podcast donde cada post esta grabado en audio. marca antes la casilla I am a podcaster!

En el segundo paso tendras que escribir el titulo del Feed y la direccion del nuevo feed. que tendra una estructura http://feeds.feedburner. com/nombrequeescojas. Esta nueva direccion

es la que tendran que usar tus visitantes para que formen parte de las estadfsticas del blog. En el caso de que hayas hecho el cambio despues de mucho tiempo y ya tengas un volumen alto de suscriptores. existen plugins para plataformas como Word Press. por ejemplo FeedBurner

Welcome! Let us burn a feed for you.

The originai blog or feed address you cntorcc has been vermeo Hem is what happens next in the setup process:

• Pcccaurner wur apply some of our most popular services to your new reeoro get you started. (You can always modify or remove them later.)

• This new feed will be activated in your Feecdurncr BeCOUIlI

• You may also set up some optional traffic slats trackiDg and podcasling

Give your feed its title and reeooumer.com address

Feed Title: r'N·oti-;;\a;-d~"Bit<~~~~~~~~~·'--'-·-----'---

Feed Address;

FeedSmith. que los redireccionan y por 10 tanto se tienen en cuenta. Cuando 10 hayas completado pulsa en Next.

El nuevo feed ha side creado. Pulsa en Next

y configura las estadfsticas adicionales que quieres en eL feed de tu blog como los dics que realizan los visitantes. el numero de descargas (en el caso de ser un podcast) 0 el resto de funcionalidades individuales propuestas. Pulsa en Next y el proceso de creacion habra terminado.

Funcionamiento

Dentro del paneL de adrninistracion principal pulsa sobre el blog del que quieres ver sus estadfsticas y entraras en el paneL de administracion

especffico. Este esta dividido en cinco pestarias. Analizar (AnaLyze). Optimizar (Optimize). Publicar (PubLicize). Monetizar (Motize) y Problemas ITroubLeshootize}. La primera seccion. AnaLizar. muestra estadfsticas generales y detalladas de los suscriptores a tu blog.

La segunda pestafia. Optimizar. ofrece algunas herramientas para poder adaptar el feed al tipo de

blog y asf optimizarlo. Ofrece las siguientes herramientas. BrowserFriendLy. mostrando los feeds 10 mas sencillo posible. SmartCast. con adaptacion a iTunes por si es un podcast. SmartFeed. que asegura la maxima compatibilidad con diferentes navegadores: y FeedFlare. que permite induir elementos interactivos en el feed como botones para compartir los posts con redes. agregadores 0 marcadores sociales. PubLicar. la siguiente pestafia. ofrece diferentes herramientas para incLuir banners y publici dad en los feed a traYeS de FeedBurner. Las herramientas ofrecidas son: Headline Animator. que ofrece cabeceras aleatorias. BuzzBoost. una especie de Widget que permite mostrar tu feed induido en otro blog 0 paqina web: EmaiL Subscriptions. ofrece seguir el contenido de tu bLog por email:

Ping-Shot. notifica a servicios de ping cuando pubLicas contenido nuevo:

FeedCount. permite usar un widget para mostrar el nurnero de suscriptores, ChickLet Chooser. ofrece botones para afiadir el RSS de tu bLog directamente a servicios concretes, Awareness API. permite el acceso

a est os datos para aplicaciones externas. Creative Commons. para incLuir bajo esta licencia tus contenidos, Password protector. proteger el RSS mediante una contrasefia. y Nolndex. evita que el feed de tu blog sea indexado por buscadores.

La siguiente pestafia es Monetizar. que permite

Optimize Your Feed

Sometimes your feed just wants to look good. Spruce it up in the following ways:

4- Reach the widest possible audience by consolidating your subsc-lotlon :lin,ks

into one feed that works In any reader, on tne desktop, web, mobile devices

goes with everything.

.. Let's face it -- a raw XML file isn't the tesuoocnc guy/gal In tile room. Offer

your audience handy instructions and one-click subscrlpticrr options with

[inks,

.q Publicize your location using fashionable latitude and longitude

configurar tu cuenta de Adsense para mostrar los anuncios de Google en tu feed y asf ganar dinero con ellos. FinaLmente esta La pestafia Problemas en el que tendrils una FAQ (Frequently Asked Questions). una lista de posibles problemas con sus respectivas respuestas. Mediante FeedBurner podras tener estadfsticas detalladas de los visitantes que te siguen desde

II i. 1.1

:1

II

:.1

II

I III

39

as personas que inician un blog 10 hacen para compartir experiencias y conocimiento con otros usuarios. La mayor parte de los bloggers no quieren centrarse en un ambito reducido 0 familiar sino ser lefdos por to do el que este interesado y conseguir un trafico notable. Hay much as recomendaciones que puedes seguir para conseguir visitantes fieles, como generar contenido de calidad 0 regularidad en la publicaci6n, al igual que existen tecnicas SEO (Search Engine Optimization) para mejorar el posicionamiento de tu blog en buscadores y conseguir mas trafico. Iambien puedes encontrar servicios y herramientas que te faciliten la promoci6n de tu blog y sus contenidos al igual que la relaci6n con otros bloggers. El servicio mas completo y usado en espafiol es la red social Bitacoras.com (bitacoras.com).

1. Bitacoras.com

Las herramientas para promocionar contentdos normalmente s610 contemplan esa funci6n y se basan en un sistema de votaci6n por parte de los usuarios del servicio. Bitacoras.com

no sola mente tiene un sistema de promoci6n mas complete. fiable y depurado sino que ofrece multiples servicios para blogs como un ranking de blogs y bloggers, y widgets para externalizar contenido relacionado con tu blog. Adernas. Bitacoras.com es una red social. 10 que permite relacionarte con otros bloggers de una manera dinarnica y cornoda. siguiendo la actividad de sus blogs y encontrando a usuarios cercanos geograticamente 0 especiatizados en una cierta ternatica.

y El registro en bitacoras.com es muy sencillo. Accede a bitacoras.com y pulsa sobre el bot6n Crear cuenta. Accederas a una pantalla donde te explica en detalle que ofrece Bitacoras.com, que diferentes servicios contempla y te rnuestra las diferentes secciones que cornpondran

40

tu perfil en la red social. Desplazate hasta la parte inferior de la paqina y pulsa sobre Crear cuenta. Rellena el formulario que te muestra

y pulsa sobre Crear. Recibiras un email a la cuenta que hayas puesto en el formulario en la que enccntraras un enlace para activarla. Pulsa en el enlace e inicia sesi6n, accediendo a la portada. pulsando en Entrar y escribiendo el usuario y la contrasefia.

iHola davidatavon!

Lo siguiente que debes hacer es configurar tu perfil. Para acceder a el situa el rat6n encima de Mi perfil. en la portada, y pulsa en Configurar mi cuenta. Te encontraras con una secci6n que inicialmente muestra tus datos de acceso para que puedas modificarlos, ofreciendote adernas la posibilidad de afiadir una pequefia descripci6n. A la derecha se muestra un menu con el que ir recorriendo las diferentes secciones que podras editar

del perfil. LocaLizaci6n, donde puedes seleccionar tu posici6n qeoqraficarnente, Contrasena; En Corto, donde puedes ampliar la informaci6n sobre ti para que otros usuarios la lean cuando accedan a tu perfil; Imagen, para asociar una imagen 0 avatar a tu perfil; opciones relacionadas con la qesti6n de bitacoras 0 bloqs: Seguir a otros usuarios, que permite de forma autornatica recibir notificaciones de su actividad. y ELiminar cuenta.

La gesti6n de bitacoras sirve para af\adir un blog, transferirlo de una cuenta a otra 0 elirninarlo definitivamente. Lo primero que tendras que hacer es dar de alta tu blog. Accede a Made nuevas bitacoras y rellena el formula rio que te muestra escribiendo el nombre de tu blog, la URL, el RSS 0 feed, una serie de tags 0 palabras clave que describan el contenido del blog y una

com; Portada, donde se muestran los posts mas votados ultimarnente por los usuaries. Comunidad, donde se pueden ver los ultirnos usuarios de la red social y acceder a un directorio donde descubrir blogs por ternaticas, Canales, donde puedes acceder a diversos canales como Actualidad 0 Internet y visualizar las anotaciones mas votadas 0 recientes de ciertas ternaticas, Ranking, lugar donde ver los blogs y bloggers mas influyentes en general 0 por paises. Geo, donde puedes descubrir blogs por pafses 0 cludades. Noticias, blog de noticias sobre la blogosfera de Bitacoras.com, actualizado diariarnente. TV, canal de televisi6n online de Bitacoras.com donde se pueden ver video-entrevistas a bloggers y emprendedores de Internet influyentes; Bitacorae, secci6n donde podras crearte tu propio blog de forma totalmente qratuita. y finalmente una secci6n de Mas con informaci6n sobre los Premios Bitacoras.com, que se otorgan cada afio a los mejores blogs de la blogosfera hispana en diferentes disciplinas, 0 los Widgets.

A continuaci6n, sncontraras Entrar, donde puedes acceder a tu perfil e iniciar y finalizar sesion. y la secci6n de Ayuda. Encima del menu principal encontraras un buscador que permite realizar busqusdas entre mas de 300.000 blogs indexados por Bitacoras.com. Dependiendo de la secci6n a la que accedas en el menu principal. se rnostrara un submenu con las diferentes opciones de esa secci6n y carnbiara la barra lateral con informaci6n relevante sobre la misma. Bitacoras.com permite de forma automatica que cada vez que escribas un post se 10 notifiques

y 10 indexe, formando parte de la red social y permitiendo que sea votado por los usuarios.

pequefia descripci6n. Pulsa en Afiadir y espera a que sea aceptada. Para evitar la suplantaci6n de blogs 0 el sparn, el registro de un blog en Bitacoras.com requiere aceptaci6n por parte del sistema por 10 que una vez registrada, una bitacora estara en modo pendiente hasta que sea aprobada.

FUl'lciollamienio

Bitacoras.com contempla numerosos servicios para conectar bloggers, promocionar anotaciones y complementar tu blog con informaci6n relevante sobre el mismo y tu aclividad en la red social. Entrando en la paqina principal encontraras una cabecera don de se presenta el menu principal en azul con las diferentes secciones de Bitacoras.

Las funciones basicas de Bitacoras.com son

la de red social. conectando bloggers entre sf; buscador de bloqs. y promoci6n y difusi6n de noticias mediante los votos de los usuarios. El seguimiento de noticias se puede llevar a cabo a traves de canales ternaticos. en la Portada donde se encuentran los posts mas votados del rno-

I"i:!'~al

I.oUIIIP4t~

41

rnento. y las secciones Recientes, ultimos posts votados. y En Oirecto, que muestra los ultirnos posts que van entrando en Bitacoras.corn. Bitacoras.corn recoge en tiempo real las ultirnas anotaciones que se producen en la blogosfera

y las pone a disposici6n de los usuarios para que sean ellos quienes decidan con su voto y

su participaci6n que es 10 mas relevante en

cada momenta y de esta forma se promuevan contenidos, La metodologfa empleada en este agregador combina un sistema de detecci6n de enlaces propio y la valoraci6n ponderada, llamada karma, de los usuaries, Lo que debes hacer para que tus posts se promocionen en Bitacoras, com es hacer ping a la red social, Para ella accede a la Portada y pulsa en Enviar post.

En esta secci6n encontraras una serie de enlaces en la barra lateral. bajo el nombre de Envfo automfitico de ping, que te ayudaran a configurar tu blog dependiendo de la plataforma que utilices (Word Press, MovableIype. .. ) para notificar las anotaciones de forma autornatica a

Bitacoras.com. Tarnbien te permite hacer ping manual si 10 deseas introduciendo la URL de tu blog en la caja de texto que se muestra. La desventaja es que cada que vez que publiques un nuevo post tendras que introducir esa direcci6n para que tus posts entren en el sistema.

Si por el contrario quieres promocionar una anotaci6n de otro blog en Bitacoras.com. tienes que introducir la URL de dicho post. El sistema detectara si ya esta en el sistema y te perrnitira votarlo. Por el contra rio, si no esta pero pertenece a una bitacora registrada, forzara el ping e introducira el post en el sistema para que puedas votarlo. Finalmente, si se trata de una bitacora no registrada envlara una notificaci6n, mediante un trackback, a la misma ofreciendole si quiere registrarse.

Botones

Algo que puedes hacer para conseguir mas votos y por 10 tanto una mayor promoci6n en el agregador social. es incluir botones de voto de Bitacoras.com en tu blog. Estos los puedes

42

encontrar en la secci6n de Mas, dentro Widgets y Agregador. Mediante este widget, puedes colocar un bot6n en cada post de tu blog que permite a tus visitantes votar la anotaci6n en Bitacoras.com y ver cuantos votos ha recibido. Para incluir el widget en tu blog tienes que copiar el c6digo del bot6n que mas te guste para el blog y pegarlo en cada post sustituyendo en

la URL enlace_a_la_anotaci6n por el enlace a dicho post.

Para facilitar las cosas. en la barra lateral de esta secci6n encontraras. dentro de la secci6n Plugins para sistemas de publicaci6n, plugins para distintos CMS (Word Press, Blogger y Drupal) donde te automatizara este proceso, incluyendo un bot6n en cada post que publiques.

Beton

Bitacoras.com te ofrece una amplia variedad de herramientas y servicios para la promoci6n de blogs y contenidos, conectando bloggers entre

sf, descubriendo blogs sequn tematicas 0 geoposicionamiento y proporcionando un buscador de blogs rapido y fiable. Si se emplea de forma correcta se convertira en una herramienta de uso diario y obligatorio. Adernas. toda la informaci6n generada en la red social se puede externalizar mediante los widgets, el complemento perfecto para enriquecer tu blog con mas informaci6n sobre el mismo 0 sobre tu actividad en la red social de bloggers en espafiol mas importante.

- I

, -'

I II

!I

, Microblogging

Los agregadotes sociales son la principal herramienta de promoci6n de los blogs pero existen otros servicios que permiten una comunicaci6n dinarnica y mas cercana con los usuaries. pudiendo llegar a ser unas fuentes de trafico irnportantes. Una de ellas es el Microblogging, un formato basado en enviar mensajes de menos de 140 caracteres a una serie de usuarios que nos siguen, convirtiendose en una herramienta ideal para las comunicaciones rapidas y en tiempo real, Twitter es el maximo exponente del Microblogging y uno de los servicios de Internet que ha experimentado un mayor crecimiento

en los ultimos meses. Su uso sencillo, su versatilidad gracias a una potente API y cientos de clientes. y el uso cada vez mas extendido 10 han convertido en un autentico fen6meno de masas. Hay dos formas de sincronizar el contenido de tu blog con Twitter. La primera de elias es independiente del CMS utilizado. mediante un servicio externo, y la segunda es utilizando una extensi6n o plugin dependiendo de la plataforma. Para explicar un procedimiento general se profundizara en la primera opci6n mediante Twitterfeed .

• Twitterfeed

Twitterfeed es un servicio que obtiene las aclualizaciones de una paqina web 0 blog mediante su RSS y pubticandotas en Twitter en intervalos definidos. Para poder utilizar Twitterfeed 10 primero que debes hacer es crearte una cuenta en el servicio. Accede a twilterfeed. com y pulsa en i.No tienes cuenta todavfa? (Don't have an account yet?)

Introduce en el formulario tu email y la contrasefia y pulsa en Crear cuenta (Create Account). Autornaticarnente accederas al panel de afiadir

un nuevo feed. En el paso 1 (Step 1) tendras que indicar con que cuenta quieres sincronizar el RSS. Escoge Twitter, aunque tambien puedes utilizar

servicios mas avanzados como Hellotxt que permile actualizar en diferentes servicios al mismo tiempo. Pulsa en Conecla tu feed con tu cuenta de Twitter (Connect your feed to your Twitter Account)

y dale permiso pulsando en Allow (tienes que tener una sesi6n iniciada en Twitter).

En el segundo paso (Step 2) introduce el nombre del feed y la URL del mismo. Puedes pulsar en

probar feed rss (test rss feed) para comprobar que to do esta correcto. Tambien puedes pulsar en Opciones avanzadas (Advanced Settings)

para configurar en detalle c6mo se actuatizara el servicio. la frecuencia y el nurnero de posts que se publicaran sirnuttaneamente en Twitter, que se publicara (por ejernplo. el titulo y la URLl. que servicio se usara para acortar las URL, c6mo se ordenaran los posts, si quieres introducir una entradilla 0 un final en cada post que publiques y un filtrado por palabras clave. Cuando termines pulsa en Crear feed (Create Feed).

Gracias a este servicio podras usar Twitter como herramienta de promoci6n, publicando los nuevos contenidos autornaticarnente. y como medio de comunicaci6n mas cercano y dinarnico.

• Oigg. Servicio en Ingles de los mas visitados del rnundo, en el que usuarios envian noticias que son votadas por otros. llegando a portada aquelias con mayor nurnero de votos.

• Meneame. Sitio web en espafiol inspirado en Digg que posee el mismo funcionamiento: usuarios envfan noticias que son votadas por la comunidad. La promoci6n de blogs en esta plataforma es complicada, llegando a portada principalmente noticias de medios digitales.

• Fresqui. Sitio web, tarnblen en espafiol.

con un funcionamiento similar a Menearne. Actualmente en beta cerrada por un redisefio que promete mejorar su funcionalidad y aportar un valor diferencial frente a olros agregadores.

43

video y selecciona el archivo desde tu PC. El proceso cornenzara y podras escribir el titulo. una descripcion y unas etiquetas para que sea encontrado de forma mas rapida. Se paciente porque una vez termine el proceso tardara unos minutos en estar totalmente accesible.

Una vez tengas el video subido, accede a el

,--;;;;=- -----------------------, pulsando en el enlace co-

rrespondiente, entrando en la paqina de YouTube con el video. Como si de un blog se tratase, tendras una paqina dividida en cabecera, cuerpo. con el video, la posibilidad

de poner comentarios y de compartirlo en redes sociales como Facebook, una barra Lateral con informacion acerca del video y confiquracion del reproductor. y un pie 0 footer. Para poder induir el video en el blog, debes pulsar en el icono de un engranaje en la barra lateral y se despleqara el menu Personalizar.

n muchas ocasiones, adernas del texto. es conveniente compartir otro tipo de contenido para complementar 10 que dices, basarte en algo mas visual 0 simplemente para llamar la atencion. Los principales formatos que se utilizan son videos e irnaqenes pero tarnbien se estan empezando a incluir documentos de todo tipo tales como PDF, presentaciones u hojas de calculo.

Incluye vfdeos

Existen una infinidad de servicios para poder subir videos e induirlos en los posts de tu blog. El mas cornun de todos es YouTube, ya que no sola mente ofrece un buen sistema para subir videos y compartirlos, sino que tiene un volumen de visitas muy alto y los usuarios podran encontrar tu video buscando en dicha plataforma y derivando trafico a tu blog.

Para poder subir videos a YouTube debes tener una cuenta en este servicio. Si no tienes una cuenta creada, podras usar una de Google (YouTube pertenece a Google). Puedes ver como crear una cuenta de Google en el capitulo segundo Crear un blog en Blogger de este li bro. Incluso si tienes arnbas. cuenta de YouTube y Google, puedes vincularlas iniciando sesion con la de YouTube, teniendo iniciada la de Google.

Actualmente se pueden subir diez videos simultanearnente y de hasta de 1 GB de tamafio cada uno. Adernas. en la paqina de subida. dan consejos de como deben ser los videos para aprovechar al maximo las caracteristicas de YouTube. Por ejemplo, es recomendable que sean de 1.280 x 720 (HO) 0 640 x 480 (SO), utilizar codecs de video como H.264, MPEG-2 0 MPEG-

4, 0 de audio como MP3 0 AAC. Pulsa en Subir

Una vez iniciada la sesicn pulsa en Subir. en el menu superior derecho, y dentro Subir archivo de video. Iarnbien puedes grabarte directamente desde una webcam.

44

En este menu podras selecdonar las caracteristicas que tendra el reproductor que se incluira en el bloq. mostrarvideos reLacionados, mostrando videos similares al finalizar el video; mostrar borde del reproductor. activar la cookie de acci6n retardada, para recopilar estadisticas detalladas de uso. elegir La combinaci6n de colo res del reproductor, y finalmente seleccionar el tamafio, Una vez tengas todas las caracteristicas elegidas, copia

el codiqo que esta situado bajo la seccion Insertar y peqalo en un post.

• Anade imiigenes Ala hora de incluir irnaqenes en un blog, la gente suele buscar a traves de Google Images, coger la primera que encuentra e induirla en un post. Poco a poco descubres que esta forma no es la mas adecuada por dos motives, normalmente

la calidad de las imaqenes es bastante

baja y no sabes que tipo de li cenci a tiene.

La licencia define el uso que puedes darle a una imagen: si puedes usa ria con fines comerciales, si puedes modificarla, si puedes usarla pero dando credito al autor ... Uno de los servicios mas utiles en este campo es Flickr.

,1. y coniigl.l!<lld6n

Flickr es una red social de fotografia donde los usuarios suben y comparten sus fotos. bajo

un tipo de licencia concreto. Tanto para buscar fotografias como para subir las tuyas propias. aunque tiene cuenta de pago ofrece una gratuita con caracteristicas muy atractivas, es un servicio

idoneo. Para poder usar Flickr necesitas tener una cuenta en Yahoo! Accede a yahoo.es y pulsa en Crear tu cuenta gratis.

Debes rellenar el formulario completando las tres secciories del rnisrno. hablanos de tl. con informacion personal como nombre. fecha de nacimiento 0 pais de residencia. selecciona tu

ID y contraseria. donde debes elegir tu nombre de cuenta y la contrasefia. y finalmente la ID alternativa y pregunta para recordar la contrasefia en el caso de que te olvides de ella. Rellena el codiqo de seguridad (CAPTCHA). ace pta las condiciones de uso y la politica de privacidad y pulsa en Crear cuenta.

2,SelecdcmatuIDycorlt"15ei\~

I

Co"",,, :

L_ ~~

Recibiras un email con un enlace para verificar la cuenta alternativa. Pulsa en el y accede a Flickr.com. Pulsa en Sign In (lnicia Sesion) e introduce los datos de la cuenta que acabas de crear. 10 y contraseria. y pulsa en Sing In. lnicialmente te pedira un nombre para tu cuenta de Flickr y asl asociarlo a la de Yahoo! lntroducelo y pulsa en Create a New Account (Crear una nueva cuenta).

"nus cen be (jj(fcrcnllromyourYallOO! 10, you C8n chanqe it later, and spaces are fine

La confiquracion de tu cuenta de Flickr se lleva a cabo pulsando en Personalize your profile (Personaliza tu perfil) en la pantalla principal de Flickr y siguiendo los tres sencillos pasos de confiquracion. Create a buddy icon. para subir una imagen que sirva de avatar; Choose yout custom Flickr URL, para crear una direccion mas sencilla de recorder, y Personalize your profile, con informacion mas personal como

tu nombre, zona horaria. genero, estado civil y una pequefia descripcion,

I"f."!!£1'at tA

I..UIIIPllN"J;

45

,

__ " _I

~

En el punto de Permisos por defecto para nuevas irnaqenes y mas en concreto en el punto

de Licencia. es conveniente hacer un alto en el camino ya que es una de las partes mas importantes. Esta licencia definira el uso que puedan hacer otros de las irnaqenes que subas. y por consiguiente el que puedas hacer tu de las irnagenes que otros suban, y es conveniente conocer los diferentes tipos que contempla. Dependiendo del uso que quieras que Ie de la gente podras usar una u otra. La licencia se vera reflejada en la barra lateral a la derecha ,---------------------------, de cada imagen. mediante unos simbolitos que enlazan directamente con la paqina de la licencia.

Para poder incluir irnaqenes de Flickr en tu blog puedes usar

ssu el buscador 0 servicios externos para buscar en Flickr de una forma mas avanzada como Flickr Color Selectr (color. slighllyblue.com) para buscar por colo res 0 Flickr Related

"'" Tag Browser (www.airtightinteractive.com/projects/related_

Q9l.! tag_browser/app/) para nave-

gar entre irnaqenes similares en base a unas etiquetas. Una vez encuentres la que quieres puedes incluirla pulsando en Blog This. una funci6n que encontraras justo encima de la imagen y que te perrnitira escoger entre diversos servicios de blogging para incluirla directarnente, copiando el enlace de la imagen. aunque esto no es conveniente por

2 .2. Utilizaci6n de las fotos de Flickr Antes de subir tu primera fotografia. pulsa sobre tu nombre de usuario en el menu superior y dentro de Your Account (Tu cuenta). pulsa sobre Privacy & Permissions (Privacidad y Permisos). En esta secci6n podras configurar los diferentes permisos y licencias de tus fotos. dividida en Global Settings (Caracterfsticas Generales) como quien puede ver tus fotos. descargarlas. imprimirlas 0 publicarlas directamente en su bloq. Defaults for new uploads

• rmsn acoress.vco-cootacts (

• IMnames:YourcontaC[5 (~,'.1'

• Realnarne.Anycne '_:"01\

• C,,;rrenlcity:Anyone ':"a)

Privacy & Permissions

Global settings

Who can download your stuff

Who can share your chctoa or video'!

An}'Flic~fmem:Jer

Anyone (In/ ))()-CVlI' cen download /lIt' wlqml)llI!cs. !"AJcalJ~fJ youl!ave;J treo <lClxJUnl; Q_cH!

who can crtnt ycur phcrce

Whocanblogyollrstufj

Any Fhckr rnernoer

Hide your EXIF dalll l1:1

Hide your stufflrorn public searches No

L?]

Hide your crctne trcm public searches

No

Who call see whal on your creme

(Permisos por defecto para las nuevas imagenes) como los permisos para incluir comentarios 0 la licencia de las rnismas. finalmente Content filtres (Filtros de contenido) indicando si son irnaqenes para adultos 0 no.

Tipos de tlceneias para las fotograffas

• None (All rights reserved: es el copyright tal y como 10 conocemos. No se puede hacer ninqun uso de esas irnaqenes sin el consentimiento expreso del autor.

• Attribution-NonCommercial-ShareAlike Creative Commons; licencia Creative Commons que permite hacer uso de la imagen si se da credito al autor. si no es para fines comerciales y si se publica bajo la misma licencia en caso de ser modificada.

• Attribution-NonCommercial Creative Commons: licencia Creative Commons que permite hacer uso de la imagen si se da credito al autor y no se usa para fines comerciales.

• Attribution-NonCommercial-NoDerivs Creative Commons; licencia Creative Commons que

46

permite hacer uso de la imagen si se da eredito al autor. si no es para fines comerciales y si no se modifica en ninqun senti do.

• Attribution Creative Commons: licencia Creative Commons que permite hacer uso de la imagen si se da credito al autor de la misma.

• Attribution-ShareAlike Creative Commons: licencia Creative Commons que permite hacer uso de la imagen si se da credito al autor. y si se publica bajo la misma licencia en caso de ser modificada.

• Attribution-NoDerivs Creative Commons: licencia Creative Commons que permite hacer uso de la imagen si se da credito al autor y si no ha side modificada en ninqun senti do.

jl

I

el hotlinkinq. o descargar la imagen a tu disco du ro y subirla mediante el Gestor de contenidos. Ala hora de escoger una fotografia debes poner especial atenci6n en la licencia bajo la que esta. no haciendo uso de ella si tiene Copyright y cumpliendo las clausulas indicadas si est a bajo Creative Commons.

Addit[ol1iallnformation

'15.

3. Documentos en tu blog

i.Que ocurre cuando quieres compartir con tus visitantes tablas de Excel 0 presentaciones de PowerPoint? La unica soluci6n es subirlas y compartirlas mediante un enlace de descarga. Una forma mucho mas sencilla de com partirlas y adernas consiguiendo que tus visitantes se queden mas tiempo en el blog. seria incluirlas en los posts de manera que se pudieran visualizar. Hay servicios que permiten su-

I-embedit."n

any file, ir~ your website.

Upload your files (or embed a [JRl,)

bir cierto tipo de archivos para posteriormente compartirlos. pero requieren registro y una configuraci6n con muchas opciones. La forma mas sencilla de hacerlo es a traves de Embedit.in (embedit.in) que permite subir mas de veinte tipos de archivos distintos sin requerir ninqun registro.

J. Induir un archivo COil embeditcom Embedit.in es un servicio realmente sencillo

en el que el usuario sube archivos y obtiene c6digos que permiten integrarlos en blogs y ser visualizados direc!amente mediante un reproductor flash. como si de un widget se tratara. No requiere registro propio pero sf tener una

cuenta en Google. Yahoo!. AOL 0 OpenlD. para poder sincronizar los documentos subidos con las mismas.

Para subir un documento. 10 primero que debes hacer es saber que tipo de archivos soportao Pulsa en What kinds of files can I upload? (i.Que tipos de archivos puedo subir?) para ver

~-+embed

any fdE!, in yOUI" wensue.

Upload your files (or embed a URL)

811m. "·h~t~lfl(l,;o!!.'6'CI.,!"rJkx>!l?

embedlt.ln supports most common file types:

• Documents: doc, docx, xis, xlsx, ppt, pptx, pdf, wpd, odt, ods, odp

• Images: png, jpg, gif, tiff, bmp, eps, ai

• Text: txt, rtf, csv

la lista de extensiones que Embedit.in permite. Soporta documentos en doc. docx. xis. xlsx. ppt. pptx. pdf. wpd. odt. ods y odp. irnaqenes en png. jpg. gif. tiff. bmp. eps y ai. yarchivos de texto en txt. rtf y csv. Una vez conozcas que

Viewing guia_videoweb.pdf

GUIA DE VIDEOBLOGS

(~

VID~.9.'t!.S~.

Embed this code:

<embed allov.'FullScreen= "true"

archivos puedes subir. pulsa en Select File (Seleccionar archivo) y elige de tu ordenador el archivo que quieras subir. Si por el contrario es un archivo que ya esta en Internet 5610 tienes que pulsar en Embed a URL (lncluir

47

una URL) e introducir la URL del archivo que quieras. Se rnostrara una barra de progreso de la subida del archivo a Embedit.in. Una vez se haya completado el proceso. tendras que pulsar en Embed It! (ilncluyelo!).

En eseinstantete pre- ,-----------------------------------------------------,

quntara por tu cuenta de Google, Yahoo!. AOL 0 OpenlD, para poder asociar ese archive ala misma. Selecciona el tipo de cuenta que ten gas y en cada caso introduce el usuario y la

contrasefia. 0 si tienes ini-

ciada la sesi6n da permiso

para que se asocien ambos

servicios. Si todo ha salido

correciamente te rnostrara

el archive. ya incluido en

el reproductor flash, y de-

bajo el c6digo para poder

copiarlo y pegarlo donde quieras en tu blog.

El reproductor es muy completo ya que permite tanto acercar como ale jar, avanzar y retroceder de paqina, irnprirnir. descargar el documento 0 ponerlo

a pantalla completa. El c6digo esta preparado para copiarlo y pegarlo directamente en un post y al ser un reproductor en flash es compatible con el 98% de los navegadores que existen.

guia optimizacion motores btl

13 minutes ago

guia videoweb.pdf

33 minutes ago

<embed flashVars="backgroundColor=1I000000" allowFullScreen="true" height="400" src=''http://embedit.in/IMAoJ4xKU.swf'' type="application/x-shockwave-flash" width="466" />

1. Cambiar el tamaiio del reproductor Por defeclo el reproduclor tiene un tarnafio de 466 x 400 px pero se puede cambiar de una forma muy sencilla en el c6digo resultante. Una vez subas un archive. el c6digo que te devuelve para incluirlo en el blog tendra una estructura similar a esta,

Es bastante recomendable que cuando se cambie un atributo, se modifique el otro en la misma proporci6n.

2. Cambiar el color de fondo

Otro truco muy practico es el de cambiar el color de fonda del reproductor flash. Para

<embedallowFullScreen="true" height="400" src=''http://embedit.in/IMAoJ4xKU. swf" type="application/x-shockwave-flash" width="466" />

Para modificar el alto y el ancho hay que modificar los atributos height y width correspondientemente. Si quieres que la altura sea de 350 px y el ancho de 416 px. deberas poner height="350"

y width="416".

ello. lo primero que tendras que hacer es afiadir un nuevo campo en el c6digo resultante flashVars. Este campo indicara el color de fonda mediante el c6digo hexadecimal del color deseado.

48

Embedil.in, adernas de permitir subir archives. obtener un c6digo e incluirlo en un blog, ofrece sincronizaci6n con una amplia gama de servicios. Cuando el archivo se ha cargado comple-

tamente, has pulsado en Embed It! (jlncluyelol) y tienes que seleccionar el tipo de cuenta. Embedil.in te ofrece la posibilidad de integrarlo direciamente con diversas plataforrnas. Blogger, Flickr, LiveJournal, MyOpenlD, Verisign PIP y Word Press. Seleccionando el servicio deseado e introduciendo el usuario y la contraseria. enviara el archivo subido directamente al mismo. Una forma mucho mas c6moda y rapida que

copiar el c6digo y luego pegarlo directamente en donde quieras ponerlo.

Adernas. gracias a que tienes que asociar alguna de tus cuentas de identificaci6n para poder subir los archives. puedes acceder a My Embeds (Mis archivos) en el pie de la paqina. Alli podras visualizar todos los archivos que has subido. facilitandote acceder de una forma mas directa a sus c6digos para incluirlo en los posts.

El recorrido realizado en este pequefio libro por la historia, creacion. confiquracicn. promoci6n

y usa de los blogs, te servira para asentar unas bases con las que sentirte mas c6modo con su usa y con las que poder empezar a construir.

El objetivo es dar un primer empuj6n hacia la blogosfera a todos aquellos que no se habian atrevido y dar a conocer en detalle las mejores alternativas, su funcionamiento y usa, que hay para llevar a cabo las diferentes acciones basicas de los blogs.

La forma en la que nos comunicamos por internet. los blogs y todas las herramientas que los rodean estan en continuo cambio y evoluci6n. asi que este guia imprescindible sobre los blogs tarnbien dibuja un punto de partida para conocer la forma en la que cambia la blogosfera y por que frentes puedes indagar para asi estar al dia de las novedades que vavan surgiendo.

3. Incluye todos los archivos de tu blog

Si llevas compartiendo documentos en tu blog ~

desde hace tiempo mediante enlaces de des- _.----,

carga esta opci6n te ofrece una soluci6n rapida

y sencilla para poder visualizarlos en el blog.

Esta acci6n permite detectar autornaticarnente

todos los archivos soportados por Embedil.in y

afiadirles el reproductor. Para hacerlo solo ten-

dras que pulsar en embed.it sitewide (Embedil.

in sitio completo) en el pie de la paqina. y

seguir los dos sencillos pasos. introducir la

embedit.in sitewide

Tired of making your visitors open another program to view the documents on your site? With just one line of code, you can convert all of the PDF, Word, Excel, and PowerPoint finks on your site to be embedded directly in the browser.

Step 1: Enter your URL

Enter the base URL for your website - only links at this URL and any sub-URLs will be embedded.

49

embedit.in sitewide

Tired of making your visitors open another program to view the documents on your site? With just one line of code, you can convert ali of the PDF, Word, Excel, and powerpolnt links on your site to be embedded directly in the browser.

Step 2: Paste this line of code in your page

For best results, put this line of code right before the closing <body> tag on your page, but it win work anywhere on the page.

URL base de tu blog y copiar el c6digo resultante dentro de las etiquetas <body> y en una secci6n que siempre se cargue. como por ejemplo la cabecera (Header).

5. Gadgets .

5.1 Incluir Members Gadget en tu blog.

4 5.2 Galeria de gadgets.

.5

1. Un poco de historia

2. Evolucion de los blogs

1. Crear un blog en Blogger . 1.1 Registro y creacion. 1.2 Confiquracion ..

1.3 Utilizacion

2. Crear un blog con el CMS de WordPress. 2.1 Descarga e instalacion

2.2 Confiquracion .

2.3 lltilizacion

2.4 Actualizacion .

1. Wigadget ..

1.1 Registro y confiquracion 1.2 Widgetiza tu RSS.

2. Incluye un chat en tu blog ..

2.1 lntroduccion y registro en Jabbify. 2.2 Insertar elchat en el blog .

2.3 Confiquracion y funcionamiento.

3. Made muslca a tu blog .

3.1 Incorpora un reproductor externo en tu blog.

3.2 Incorpora un reproductor interno .

4. Convierte tu blog en una red social con Google Friend Connect .

4.1 Registro y confiquracion.

4.2 Funcionamiento basico .

.22 .22

. ... 22 .24 .24 25 .25

. .. ,26

... 26 .28

50

· .32 32

· .33

..6 ..6 ..8

11 .12 .13 .14 17

.20

1. Google Analytics

1.1 Registro y confiquracion. 1.2 Funcionamiento.

2. FeedBurner ..

1. Bitacoras.com ....

1.1 Registro y confiquracion .. 1.2 Funcionamiento basico 1.3 Botones .

2. Microblogging. 2.1 Twitterleed.

. 40

. 40

.41 . ... 42 . .. 43 · .43

. .. 29 . .. 29 .30

1. Incluye videos.

2. Aiiadeimagenes .

2.1 Registro y confiquracion.

2.2 Utilizacion de las fotos de Flickr .

3. Documentos en tu blog .

3.1 Incluir un archivo con embedit.com . 3.2 Funcionamiento avanzado. Consejos y truces para tu blog .

. 44

. 45

. 45

. 46

. 47

. .. 47 ... 49 ... 49

Sign up to vote on this title
UsefulNot useful