TUTORIALESISTEMA

ETIQUETAS EN MOVIMIENTO EN BLOGGER

Publicado por Unknown en 14:55 ,

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:

<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

Publicado por Unknown en 14:53 ,

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:

Abrimos el panel de blogger, y a continuación accedemos a la pestaña “Configuración” y la subpestaña “Permisos”.
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.
La persona que recibe la invitación recibirá un mail,
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

Publicado por Unknown en 14:41 ,

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

Publicado por Unknown en 14:39 ,

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

Publicado por Unknown en 14:37 ,

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

Publicado por Unknown en 14:35 ,

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

Publicado por Unknown en 14:33 ,

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á 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.