ETIQUETAS EN MOVIMIENTO EN BLOGGER

ETIQUETAS EN MOVIMIENTO EN BLOGGER

En el artículo de hoy explicaré como podemos insertar en nuestro blog. Se tratan de conseguir en la barra lateral una nube de etiquetas en movimiento como la siguiente:

Para hacerlo seguiremos los siguientes pasos:

1. En nuestro panel de Blogger, elegiremos la pestaña “Diseño”, y posteriormente la subpestaña “Edición de HTML”.

2. Nos aseguraremos que NO está marcada la opción “Expandir plantilla de artilugios”.

3. Buscamos el siguiente texto:

1	<b:section class='sidebar' id='sidebar' preferred='yes'>

y justo debajo, pegamos el siguiente código fuente:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24

<b:widget id='Label99' locked='false' title='Labels' type='Label'> <b:includable id='main'> <b:if cond='data:title'> <h2><data:title/></h2> </b:if> <div class='widget-content'> <script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/> <div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div> <script type='text/javascript'> var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff"); // uncomment next line to enable transparency //so.addParam("wmode", "transparent"); so.addVariable("tcolor", "0x333333"); so.addVariable("mode", "tags"); so.addVariable("distr", "true"); so.addVariable("tspeed", "100"); so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>"); so.addParam("allowScriptAccess", "always"); so.write("flashcontent"); </script> <b:include name='quickedit'/> </div> </b:includable> </b:widget>

PERMITIR QUE MULTIPLES USUARIOS PUBLIQUEN EN TU BLOG

PERMITIR QUE MULTILPES USUARIOS PUBLIQUEN EN TU BLOG

Una de las opciones que permite blogger, es que sean múltiples usuarios los que gestionen un blog. El resultado será el siguiente: podremos invitar a otros usuarios a publicar publicaciones en el blog con su nombre de usuario, e incluso a darle privilegios de administrador. El funcionamiento es el siguiente:

• El creador del blog invita a un usuario que va a publicar, introduciendo la cuenta de google desde la que se va a conectar.
• El usuario acepta la invitación, y desde ese momento ya puede comenzar a publicar nuevas entradas en el blog, pero no puede modificar la plantilla, ni modificar las opciones del blog.
• Una vez que el usuario ha aceptado la invitación el administrador, puede otorgarle privilegios de administrador, de manera que el nuevo usuario tenga sus mismos privilegios.

Para poder hacer esto los pasos a seguir son los siguientes:

1. Abrimos el panel de blogger, y a continuación accedemos a la pestaña “Configuración” y la subpestaña “Permisos”.
2. A continuación pulsamos “Añadir autores”, y enviamos el mail de la persona a la cual queremos invitar, para que pueda aceptar la invitación el único requisito es que la otra persona tenga una cuenta de google.
3. La persona que recibe la invitación recibirá un mail,
   
4. Una vez se identifique podrá comenzar a publicar entradas, pero sin podereditar la plantilla o la configuración del blog. En caso que deseemos conceder al nuevo usuario privilegios de administrador, tendremos que pulsar sobre el botón “Otorgar privilegios de administrador” que aparecerá una vez ya se hayaregistrado.

INCLUIR ADSENSE EN TU BLOG

INCLUIR ADSENSE EN TU BLOG

Uno de los aspectos en los que siempre hago incapié a todos los usuarios de blogger por novatos o poco tiempo que lleven es la recomendación de incluir publicidad en sus webs como manera de generar unos ingresos extra.

En este artículo comentaré una nueva manera de blogger, que permite introducir de manera muy sencilla en cualquier parte del blog publicidad de adsense. Los pasos que seguiremos serán los siguientes:

1. Iremos a nuestro panel de blogger, y a continuación elegiremos la pestaña “Diseño”, y subpestaña “Monetizar”.

2. A continuación, nos preguntará donde deseamos incluir la publicidad con algunas sugerencias sobre donde podemos incluir adsense en nuestro blog. Nos ofrece la opción de incluirla debajo de cada entrada o en el lateral. Eso depende de cada uno y es una decisión propia.

3. Una vez hecho, podremos consultar siempre el estado de nuestras ganancias enhttp://www.google.com/adsense, las ganancias que nos ofrecen tal vez no sean demasiado altas pero seguro que de manera sencilla podemos costear el coste de un dominio o incluso de un hosting más adelante.

COMO INSERTAR UN MAPA EN TU BLOG

COMO INSERTAR UN MAPA EN TU BLOG

Hoy, les mostraré como podemos insertar un mapa de manera muy sencilla en nuestro blog o web. Tengo pensado distribuir el aprendizaje en dos entradas. En esta primera entrega explicaré como insertar unmapa sencillo, y uno con una ruta en nuestro blog de blogger owordpress. Para hacerlo usaré el servicio de mapas de Google Maps, que permite hacerlo de manera muy sencilla. Los pasos serán los siguientes:

1. Vamos a la web de Google Maps, y elegimos la vista que deseamos mostrar (podemos elegir modo mapa o modo vista aérea, y el zoom básicamente). Además también podemos hacer un como llegar en caso que queramos que se muestre una ruta de un lugar a otro en el mapa.

2. Posteriormente en la superior del mapa, buscaremos el botón “Enlazar“, y pulsaremos sobre él, y aparecerán dos cajas de texto. A continuación, copiaremos el contenido que hay debajo del texto “Pegar HTML para insertar en sitio web”.

3. A continuación, iremos a nuestro blogger, y crearemos una nuevaentrada. Elegiremos la pestaña “Edición de HTML”, y a continuación pegaremos el código HTML que acabamos de copiar. El resultado podría ser algo similar a:

Ver mapa más grande

Con esto ya tendremos un mapa, en días sucesivos, explicaré como hacer un mapa con puntos (pushpin’s en tecnología de mapas), con unas etiquetas tal y como se pueden observar en algunas webs.

COMO CREAR UNA TABLA

COMO CREAR UNA TABLA

Hoy les mostraré un concepto que me han pedido varios lectores del blog, y es el de insertar tablas en las entradas de blogger, como en todo existen varias maneras de realizarlo, pero explicaré fundamentalmente dos. La primera es la más adecuada y es la que siempre tendríamos que usar.

En esta primera entrada sobre tablas únicamente explicaré como insertarlas, y en una entrada posterior explicaré como podemos editar el fondo el borde u otras características.

En primer lugar explicaré algunos conceptos de HTML, muy básicos pero que nos ayudarán a entender bien como introducir las tablas y como hacerlas funcionar. Hemos de recordar estas tres palabras:
1. table. Como bien su nombre indica en inglés, indica que comienza una tabla o acaba.
2. tr. Etiqueta que usaremos para crear una nueva fila.
3. td. Etiqueta que usaremos para crear una nueva columna.

Teniendo estos conceptos claros pasamos directamente a ver un ejemplo de código y su proyección en el blog.

1	<table border=1><td>Columna 1, fila 1</td><td>Columna 2, fila 1</td><td>Columna 3, fila 1</td><tr><td>Columna 1, fila 2<td>Columna 2, fila 2<td>Columna 3, fila 2</td></table>

Fila 1, Columna 1	Fila 1, Columna 2	Fila 1, Columna 3
Fila 2, Columna 1	Fila 2, Columna 2	Fila 2, Columna 3

Observamos que hemos creado una tabla, en la cual he introducido dos filas, y dentro de cada una de ellas tres columnas. Para aplicar esto en nuestro blog, únicamente tendríamos que agregar nuevas celdas td o tr, según cuales sean nuestras necesidades.

Este código es el que recomiendo, porque como veremos en entradas posteriores tiene mucho más juego a la hora de introducir efectos que veremos en posteriores entradas.

Sin embargo, como para todo, no siempre hay una única manera, también lo podemos hacer pegando una tabla como imagen que por ejemplo hagamos enexcel. Principalmente a esta solución le veo dos inconvenientes:
- Muy poca flexibilidad para cambiarla.
- Tendremos que subir una imagen a blogger.

Los pasos serán los siguientes:
1. Vamos a nuestro Excel o Word, y hacemos un capturar pantalla de nuestratabla (pulsar tecla imprimir pantalla).
2. Vamos a un programa como paint, y copiamos la captura de la pantalla, recortamos la tabla, y lo guardamos como imagen.
3. En nuestro blog, vamos a crear una nueva entrada, y a continuación lo insertamos como imagen.

MODERACION DE COMENTARIOS Y ELIMINARLOS

MODERACION DE COMENTARIOS Y ELIMINARLOS

En primer lugar, pedir perdón por estos dos meses de ausencia debido al trabajo, pero ahora sí puedo decir que está todo al día y m siento con fuerzas paracontinuar otra vez. A continuación, les presentaré un problema sencillo de resolver que me han planteado en varios comentarios y en el foro.

Si deseamos que nuestros comentarios antes de salir a la luz (por temas de que publican spam), aparezcan en el blog, será necesario regularlo añadiendo lamoderación de comentarios. Para hacerlo seguiremos los siguientes pasos:

1. En primer lugar, vamos a la pestaña configuración de blogger, y elegimos laopción Comentarios.

2. Buscamos la opción moderación de comentarios, y elegimos “siempre”, o a partir de los 14 días, si creemos que durante esos días no se van a producir comentarios indeseados.

3. Finalmente, agregamos un mail al que nos notificará que tenemos comentarios pendientes de notificar. En conclusión será algo como:

Otra de las opciones que hemos de considerar importantes, en caso que decidamos no moderar los comentarios (la opción que recomiendo), es borrar algunos comentarios spam, que no queremos que aparezcan en nuestro blog. En caso de querer borrar comentarios haremos lo siguiente:

1. Nos logaremos con nuestro usuario en blogger.
2. Iremos a nuestro blog, y veremos la entrada en la cual queremos eliminar el comentario.
3. Pulsaremos en la papelera, y confirmaremos la eliminación del comentario que quremos quitar.

La papelera es la que aparece en la ilustración de la derecha.

Finalmente, uno de los aspectos interesantes que debemos considerar es recibir un mail cuando alguien nos haga un comentario. Para hacerlo el procedimiento será el siguiente:

1. Iremos a la pestaña configuración, y subpestaña Comentarios de blogger.
2. En la última opción de todas: “Correo electrónico de notificación de comentarios”, escribimos nuestro email. Esta elección es muy recomendada ya que así recibiremos un mail y podremos leer todos los comentarios que hagan en nuestro blog.

LICENCIAS EN LOS BLOGS DE BLOGGER Y WORDPRESS

LICENCIAS EN LOS BLOGS DE BLOGGER Y WORDPRESS

En primer lugar siento mucho la demora desde mi último artículo, pero se me han ido sucediendo los compromisos en mi agenda, y cuando he querido reeemprenderme he tenido que recuperar casi un mes de trabajo en comentarios y nuevas webs en el directorio. Aún así he intentado responder todo para volver con fuerzas y con más tiempo para que no se vuelva a dar otro parón.

El artículo de hoy lo dedicaré a un tema que en principio puede no resultar importante como es el de las licencias, pero que puede darnos muchos quebraderos de cabeza: este son los plagios en nuestra web. En principio puede parecer que nunca pueda ocurrir, pero yo me he dado con casos en que me habían copiado el contenido íntegro sin mencionar ni siquiera mi blog, y es por eso por lo que ahora en mi blog encontraréis la siguiente imagen:

Como ejemplo en el caso de mi blog significa lo siguiente. Los contenidos de mi blog pueden ser reproducidos siempre y cuando se mencione el origen y no tenga el objetivo de ganar dinero. A continuación les explicaré como pueden insertar en su web un icono personalizado como el siguiente. Los pasos serán los siguientes:

1. En primer lugar vamos a la web de creative commons, una organización no gubernamental sin ánimo de lucro, que pretende reducir las barreras de patentes en la creatividad. En este momento iniciaremos un asistente para seleccionar el tipo de licencia que introduciremos en nuestro blog.

2. Responderemos las preguntas al cuestionario:
- La primera pregunta marcará si queremos que aparezca el símbolo de que solo autorizamos la difusión en sitios no comerciales.
- La segunda marcará si autorizamos que alguien copia, y si copia en qué condiciones.
- Finalmente recomiendo no responder ninguno de los enlaces a rellenar, y pasar directamente al tercer campo. A continuación pulsamos siguiente.

3. Nos aparecerán varios códigos HTML para pegar en nuestro sitio. Para hacerlo nos vamos a nuestro blog y los introducimos. El procedimiento será el siguiente:

En blogger
- Vamos a la pestaña “Diseño”, y elegimos la subpestaña “Elementos de página”.
- A continuación, buscamos “Añadir un gadget”, y pulsamos HTML/Javascript.
- Una vez hecho esto, ponemos un título y pegamos el código HTML que nos ha dado como resultado el asistente de creative commons.

En wordpress
- Vamos a la pestaña “Diseño”, y a continuación elegimos la subpestaña “Widgets”.
- Posteriormente, sobre el de “Texto”, pulsamos añadir y copiamos el consiguiente HTML.

Para mejorar el aspecto estético
Observarán que los códigos incluyen unas referencias a creativecommons que no resultan demasiado estéticas. Para eliminarlas, deberemos eliminar el siguiente parte del código HTML:

1	Esta obra est&#225; bajo una <a rel="license" href="http://creativecommons.org/licenses/by-nc/2.5/es/">licencia de Creative Commons</a>.

Esto es todo por hoy, y espero publicar nuevos artículos muy pronto. Un saludo y muchas gracias por la espera.

SUSCRIPCIONES POR EMAIL A BLOGGER

SUSCRIPCIONES POR EMAIL A BLOGGER

Hoy, en continuación con el artículo anterior que explicaba como redirigir nuestro blog a feedburner con las ventajas que traía y facilitar la suscripción a nuestras visitas, les explicaré como podemos permitir las suscripciones vía email a nuestros usuarios vía email, tal y como pueden observar en la ilustración inferior y en mi blog.

Para realizar este proceso, es imprescindible que nuestro blog esté dado de alta enfeedburner, y el feed esté dirigido que es lo que expliqué en el artículo anterior. El proceso que seguiremos será el siguiente:

1. En primer lugar iremos a feedburner, y entraremos con nuestro nombre deusuario y password. Posteriormente elegiremos el feed de nuestro blog.

2. A continuación, vamos a la pestaña “Publicize”, y en la barra de la izquierda elegimos la opción “Suscripciones por email”.

3. Ahora deberemos activar el servicio, para lo cual pulsaremos el botón “ACTIVAR”, que se encuentra al final de la página. Además, copiaremos el código HTML que nos aportan, que será algo parecido a lo siguiente:

1

<form style="border:1px solid #ccc;padding:3px;text-align:center;" action="http://www.feedburner.com/fb/a/emailverify" method="post" target="popupwindow" onsubmit="window.open('http://www.feedburner.com/fb/a/emailverifySubmit?feedId=2396551', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p>Enter your email address:</p><p><input type="text" style="width:140px" name="email"/></p><input type="hidden" value="http://feeds.feedburner.com/~e?ffid=2396551" name="url"/><input type="hidden" value="oscargp.com - Ayuda para blogs" name="title"/><input type="hidden" name="loc" value="es_ES"/><input type="submit" value="Subscribe" /><p>Delivered by <a href="http://www.feedburner.com" target="_blank">FeedBurner</a></p></form>

4. Ahora, para ofrecerlo a nuestras visitas deberemos traducirlo al castellano, para eso deberemos hacer los siguientes reemplazos:

Enter your email address: por Introduce tu email o algo similar.

Subscribe por Suscríbete o un término parecido.

5. Ahora seguiremos los siguientes procedimientos respectivamente en Blogger y WordPress.
En Bloggera. Vamos a la pestaña “Diseño” de nuestro blog, y la subpestaña “Elementos de página”. A continuación pulsamos agregar nuevo gadget, y elegimos HTML/JAVASCRIPT.

b. Una vez hecho esto pegamos el código HTML que hemos copiado anteriormente modificado. Como título al gadget podemos poner algo como “Recibe suscripciones por email” o lo que consideréis oportuno.

En WordPressa. Vamos a la pestaña Diseño de nuestro blog de WordPress, y en la subpestaña widgets, añadimos un nuevo elemento “Texto”.

b. A continuación introducimos el código HTML modificado y como título del widget ponemos algo como “Recibe suscripciones por email”.

Para acabar me gustaría comentar que esto no es posible hacerlo con blogs basados en wordpress.com.

PERMITIR A LOS USUARIOS SUSCRIBIRSE A TU BLOG

PERMITIR A LOS USUARIOS SUSCRIBIRSE A TU BLOG

Una de las opciones interesantes que podemos ofrecer a nuestros usuarios es la suscripción a nuestro blog para usuarios como google reader o bloglines entre los muchos que hay.

El fundamento de estas tecnologías de lectura directa de las publicaciones es elfeed o RSS que podéis leer aquí más detalladamente qué es. Blogger ya implementa un feed propio (http://tublog.blogspot.com/atom.xml o http://www.tublog.com/atom.xml), y en realidad la suscripción sería tan sencilla de ofrecer el enlace, sin embargo plantea los siguientes problemas:

No permite contar el número de suscripciones a nuestro blog, que de alguna manera son lectores seguros y es muy importante que nuestro blog tenga contabilizadas las suscripciones, ya que el número de suscriptores es una parte del valor de la web.

No permite incrustar publicidad, lo cual a la larga supone una pérdida para nosotros importante, ya que con el tiempo el feed cobra más protagonismo que la propia web.

No ofrece a los ususarios una interfaz intuitiva, para agregar fácilmente a su servicios nuestra suscripción.

No ofrece la posibilidad de realizar la suscripción vía email.

En este artículo explicaré como introducir en nuestro blog un apartado para que los usuarios puedan suscribirse a nuestro blog, utilizando feedburner, que permite corregir todos estos errores que se daban en blogger.

Registro en feedburner y alta de nuestro blog

1. En primer lugar vamos a la web de feedburner, en primer lugar pulsamos arriba del todo en Languages, y elegimos el castellano, una vez estamos en castellano pulsamos también en la parte superior derecha en el apartado “Registrarse”, e introducimos nuestros datos.

2. A continuación, nos aparecerá el panel principal de feedburner, a continuación en el apartado para crear un nuevo feed, escribimos la dirección: http://tublog.blogspot.com/atom.xml, tal y como se muestra en la siguiente imagen:

3. A continuación, introducimos el título del blog, e introducimos un nombre, que marcará la dirección de nuestro feed que será algo del tipo: http://feeds.feedburner.com/titulodetublog. Una vez introducido el feed, pulsamos “Activar feed”, tal y como se muestra en la imagen.

4. Una vez hecho esto, podemos “ir directamente a la gestión del feed”. A continuación el siguiente paso nos avisará que hemos de redirigir nuestro feed de blogger a feedburner. Para ello iremos a nuestro panel de blogger, y elegiremos la pestaña “Configuración” de nuestro blog.

5. A continuación, elegimos la subpestaña “Feed del sitio”, y en la opción “Publicar URL redireccionada del feed”, copiamos la URL del feed de feedburner que acabamos de crear, que será algo parecido a: http://feeds.feedburner.com/titulodetublog.

6. Finalmente, para permitir a los usuarios suscribirse a nuestro feed, iremos a la pestaña “Diseño” de Blogger, y la subpestaña “Elementos de página”, y pulsamos “Añadir un gadget”.

7. Una vez hecho esto, pulsamos la opción enlaces de suscripción, y en nuestro blog aparecerá un texto que permitirá la suscripción como el siguiente:

COMPARTIR ARCHIVOS EN BLOGGER

COMPARTIR ARCHIVOS EN BLOGGER

Hace unos días comenté que la posibilidad de sustitución natural para google pages era google sites, sin embargo tras algunas quejas de algunos lectores, he podido comprobar que realmente causa muchos problemas en algunos casos, con lo que me he puesto manos a la obra a buscar alternativas.

Realmente no he encontrado una alternativa tan buena como pueda ser googlepages, sobretodo por su sencillez de uso, pero Windows Live SkyDrive con un poco de gracia puede sernos útiles para subir archivos a nuestro blog.

Instrucciones de uso de Windows Live Skydrive en blogger para compartir ficheros
1. En primer lugar vamos a la web de Windows Sky Drive. Una vez entramos pulsamos en “Comenzar”. A continuación, introduciremos nuestro nombre de usuario y contraseña. Si no estamos registrados nos podemos registrar aquí, en cambio si tenemos cuenta de MSN Messenger la podemos usar sin ningún problema. Nos aparecerá una pantalla como la que se aprecia a la derecha.

2. A continuación, para comenzar a subir archivos en el lugar donde pone “Carpetas públicas”, pulsamos “Agregar archivos”, y en la siguiente ventana podemos elegir crear una nueva ventana o subirlos en “Publico”, que seleccionamos.

3. Seleccionamos los archivos de nuestro disco duro que vamos a subir pulsando a “Examinar”, y a continuación pulsamos “Cargar”.

4. Tras unos instantes dependiendo del tamaño del archivo, nos aparecerá en la carpeta subido y pulsaremos sobre el archivo. Existen tres posibilidades paradescargar el archivo:

• Utilizando el enlace, en este caso para insertarlo copiamos el campo que pondrá “Dirección web”. Iremos a nuestro blog, escribiremos una entrada, pulsaremos sobre el botón HTML o Insertar enlace, y copiamos la dirección que nos suministran. El resultado será algo parecido a descarga. Este sistema no acaba de ser del todo elegante y por eso recomiendo las siguientes opciones, aunque esta sea la más sencilla.
• Incrustando el archivo, para esta posibilidad tendremos que copiar la caja de texto que contiene incrustado, elegir la pestaña “Edición de HTML” y copiar el código donde queramos que aparezca. El resultado similar a este:
• Poniendo un enlace directo al archivo, para seguir este caso haremos botón derecho en el navegador sobre los botones “Descargar” o “Abrir”, pulsar propiedades y copiamos el vínculo. El vínculo será algo parecido a:
  http://mz7buq.blu.livefilestore.com/y1p2exX0TCsmFeQ7s6W_eHB3S0y7-iL_OC5tViZA_zEqalrnSJgaifEEO__7P3bYfmK76ZXzlVYJHg/Curr%C3%ADculumweb.pdf?download
  Para insertarlo en nuestro blog, crearemos un enlace o hipervínculo y copiamos el enlace, un ejemplo para descargar directamente lo podéis verhaciendo clic aquí.

Utilizando Windows Live Skydrive para compartir mp3Utilizando la explicación para insertar un reproductor en nuestro blog. Para saber la URL que hemos de poner para la canción seguiremos el siguiente procedimiento:

1. Seguimos el procedimiento indicado en el apartado anterior, subiendo el archivoa la galería pública de archivos.

2. Una vez está subido el archivo y estamos sobre el archivo, observaremos un botón descargar, pulsamos botón derecho y propiedades (tal y como muestra la imagen).

A continuación buscaremos un enlace del estilo del siguiente:http://mz7buq.blu.livefilestore.com/y1p2exX0TCsmFeQ7s6W_eHB3S0y7-iL_OC5tViZA_zEqalrnSJgaifEEO__7P3bYfmK76ZXzlVYJHg/Curr%C3%ADculumweb.pdf?downloadal cual tendremos que eliminar ?download de la dirección. Una vez hecho esto podemos incluir el reproductor tal y como explico en el artículo con el siguien resultado:

Subir Scripts a blogger
Para utilizar scripts en blogger, la técnica será exactamente la misma que hemos utilizado anteriormente, es decir eliminando el parámetro ?download podremos subir scripts perfectamente a nuestro blog.

Por cierto, me gustaría agradecer a José Manuel y vagabundia, su ayuda ya que fueron los que me ayudaron a aplicar la solución