Archivo de la etiqueta: Wordpress

Cómo subir vídeos a youtube

Después de anunciar mi retorno hace un mes, creo que es el momento de iniciar la publicación regular de mensajes. Hoy les mostraré la manera de subir vídeos a youtube de manera muy esquemática, y después de manera sencilla en blogger. registro identificar youtube

En primer lugar nos identificaremos como usuarios registrados si ya tenemos cuenta de youtube, y sino crearemos una. En la parte superior pulsaremos “Sign in” si ya estamos registrados y “Sign up” para registrarnos como nuevos usuarios.

myvideosSupondré que ya estamos registrados y nos identificaremos con nuestro nombre de usuario y contraseña. Posteriormente, también en la barra superior elegimos la pestaña “My videos”.

Posteriormente, nos aparecerá una ventana en la que seleccionaremos en el menú izquierdo la opción “New”, y en el menú desplegable elegiremos la opción “Video Upload”.

A continuación pulsamos sobre el botón “Upload video”, y elegimos el vídeo de nuestro PC que queremos compartir.

Una vez elegido el fichero, introducimos los datos del título y descripción del título, muy importante para que los visitantes de youtube puedan buscar con facilidad el vídeo y lo encuentren. La opción “Share your video with the world” es importante que la dejemos marcada ya que de lo contrario, solo podrá ver el vídeo un reducido grupo de personas.

Realizados todos los trámites ya podremos compartir nuestro vídeo en blogger, siguiendo el artículo de compartir vídeos de youtube en blogger.

Como colocar una página de inicio en wordpress

Hace ya algún tiempo hice un tutorial sobre como poner una página de inicio en blogger. En esta ocasión explicaré como hacerlo con wordpress (tanto wordpress.com como para blogs de wordpress.org), donde resulta mucho más sencillo y natural que ocurre con blogger.

El procedimiento para que una página sea de inicio será crear la nueva página, para posteriormente establercerla como de inicio. Los pasos para hacerlo serán los siguientes.

1. En primer lugar vamos a nuestro panel de administración de wordpress, elegimos la pestaña “Páginas” del menú, y elegimos crear nueva página.

2. Configuramos la entrada como deseemos, y nos aseguramos que los atributos estén configurados como página superior. Escribimos el contenido que deseemos y guardamos la página.

3. Elegimos en el menú la pestaña “Opciones” y la subpestaña “Lectura”. Buscamos el texto “La página inicial mostrará”, y elegimos la página que acabamos de crear, de manera que ya tendremos una página de inicio en wordpress.

Como pueden observar la solución es mucho más elegante que la de wordpress por la naturalidad que proporciona.

Insertar un contador web en blogger con usuarios online por procedencia

A continuación, les mostraré uno de los contadores que en los últimos tiempos se están convirtiendo más populares entre los webmasters que permiten ver en tiempo real a los visitantes de la página la siguiente información:
  • Visitantes totales de la página.
  • Visitantes que hay online en la página actualmente
  • País de procedencia de los visitantes online

Todo esto se mostrará con un panel con la siguiente estética:

Para hacerlo, aunque sé que hay muchos servicios que lo permiten, a petición de una visitante del blog he elegido 99counters para hacerlo. El procedimiento que tendremos que seguir es el siguiente:

1. En primer lugar, iremos a la web de 99counters, y nos registraremos como usuarios. Una vez registrados introduciremos nuestro nombre de usuario y contraseña.

2. A continuación, haremos clic sobre “Haga clic acá para crear su primer contador”, y rellenaremos el formulario introduciendo los siguientes datos:

  • El tema del contador, puede ser cualquiera. A la derecha nos saldrá una vista previa, y dependerá básicamente de la estética de la plantilla de cada página o blog.
  • Nombre del contador, podemos poner lo que queramos, es irrelevante.
  • Inicio del contador: recomiendo a 0, aunque depende de cada uno. (será el valor inicial que marcará).
  • Público o privado: recomiendo público si queréis que cualquiera pueda saber el valor.

3. A continuación, nos aparecerán dos códigos (uno que pondrá script y otro object), en principio los usuarios de blogger pueden escoger la opción que les parezca mejor (recomiendo script). Este servicio no funcionará para usuario de WordPress.com, y sin ningún problema para usuarios que usen WordPress.

4. Vamos a nuestro blog, y en la pestaña diseño, y subpestaña “Elementos de página” elegimos la opción “Agregar gadget”. E

5. Elegimos la opción “HTML Javascript”, e introducimos el código que acabamos de copiar. Una vez hecho esto guardamos y ya estamos.

Esto es todo, y como único pequeño punto débil de este atractivo contador comentar que funciona con Flash, que aunque la mayoría de los navegadores lo llevan instalado (más del 90%), en algunos entornos corporativos no funciona.

Insertar un mapa en blogger y wordpress II

Como continuación del primer artículo sobre mapas, en el que explicaba como insertar un mapa con una ruta en blogger y wordpress, hoy les explicaré como podemos crear un mapa algo más elaborado como el que muestro a continuación, donde básicamente se pueden observar tres novedades respecto a la primera entrada:

  • Incluyo pushpins (marcadores de puntos) en cualquier posición con una descripción que se puede elegir.
  • Se pueden trazar líneas.
  • Se pueden trazar polígonos tal y como se puede observar en el mapa que presento.

La muestra es la siguiente:


Ver mapa más grande

Para poder crear un mapa más complejo haremos lo siguiente:
1. En primer lugar, iremos a la web de google maps, y nos identificaremos como usuarios (sirve la cuenta de gmail, googlepages, o cualquier otra de google que ya tengan).

2. Posteriormente, en la columna izquierda elegimos la opción “Mis mapas”, y después elegimos “Crear un mapa nuevo”.

3. A continuación, tendremos que introducir un título para el mapa y una descripción. Además, para que lo puedan ver todos los visitantes, nos aseguraremos que la configuración de privacidad sea “Público”. 

iconos4. Paralelamente podremos ir introduciendo nuevos elementos en el mapa. Si nos fijamos observaremos que han aparecido los siguientes nuevos elementos en la parte superior izquierda del mapa. Su funcionalidad es la siguiente:
– El primero de ellos nos permitirá insertar un pushpin (un punto) en el que podremos marcar un monumento por ejemplo.
– El segundo nos permitirá definir una ruta donde nos calculará la distancia de los diferentes puntos.
– Finalmente, el tercero nos permitirá crear un polígono para delimitar un parque por ejemplo.

5. Una vez finalizado pulsamos “Listo”. A continuación pulsamos sobre “Enlazar” y copiamos el código que aparece junto a “Pegar HTML para insertar en sitio web”, y lo pegamos en la pestaña “Edición de HTML” de nuestra nueva entrada en blogger.

Las licencias en los blogs: 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.

Insertar código fuente en wordpress

Una de las cosas que wordpress no lleva implementadas de serie es la inserción de código fuente. Para hacerlo usaremos el pluggin WP-Syntax, que nos permitirá insertar en el blog de manera elegante código fuente en el blog.

Para utilizarlo el procedimiento que usaremos será el siguiente:
1. En primer lugar descargamos el plugin WP-Syntax. Para hacerlo vamos a esta web y descargamos la última versión del plugin.

2. A continuación, descomprimimos la carpeta y la copiamos en la carpeta wp-content\plugins.

3. Vamos al panel de administración de nuestro wordpress, a la sección plugins y a continuación activamos el plugin.

4. Una vez hecho esto ya estará instalado el plugin, y únicamente tendremos que usarlo. Para hacerlo escribiremos una entrada y para poner el código HTML escribiremos de la siguiente manera el código:

<pre lang="LANGUAGE" line="1">
Codigo que deseemos
</pre>

Un ejemplo de como quedará el código (HTML), por ejemplo es el siguiente:

1
2
3
4
5
6
7
8
<HTML>
<HEAD>
<TITLE>Ejemplo 1</TITLE>
</HEAD>
<BODY>
Hola mundo
</BODY>
</HTML>

Los lenguajes con los cuales podremos usar el plugin son los siguientes:
abap, actionscript, actionscript3, ada, apache, applescript, asm, asp, autoit, bash, blitzbasic, bnf, c, c_mac, caddcl, cadlisp, cfdg, cfm, cpp-qt, cpp, csharp, css, d, delphi, diff, div, dos, dot, eiffel, fortran, freebasic, genero, gettext, glsl, gml, groovy, haskell, html4strict, idl, ini, inno, io, java, java5, javascript, kixtart, latex, lisp, lotusformulas, lotusscript, lua, m68k, matlab, mirc, mpasm, mxml, mysql, nsis, objc, ocaml-brief, ocaml, oobas, oracle8, pascal, per, perl, php-brief, php, plsql, python, qbasic, rails, reg, robots, ruby, sas, scala, scheme, sdlbasic, smalltalk, smarty, sql, tcl, text, thinbasic, tsql, vb, vbnet, verilog, vhdl, visualfoxpro, winbatch, xml, xpp, z80

En el caso de HTML que se aprecia de manera clara aquí se usa html4strict.

Actualizar blog de wordpress a otra versión

Hoy les explicaré cual es el procedimiento que hemos de seguir para actualizar nuestro blog de wordpress, cuando sale una nueva versión. El primer paso es ver hasta qué punto puede resultar un problema realizar una actualización de wordress. La información sobre como actualizar el blog de wordpress la he obtenido desde ayudawordpress, la web referencia de ayuda para bloggers en castellano.

La actualización no es demasiado lenta, pero puede suponer en caso de tener un servidor externo unos 20 minutos en los cuales nuestro sitio no esté disponible. Esto resulta más o menos factible en función del número de visitas y en la hora en la que hagamos la actualización. Durante el período de actualización la web no estará disponible.

El procedimiento que hemos de seguir es el siguiente:
1. En primer lugar hemos de ir a la web de wordpress y descargarnos en nuestro PC la última versión de wordpress, o a la que queramos actualizar. Una vez descargada, la descomprimimos en una carpeta de nuestor PC.

2. Posteriormente, y antes de empezar a copiar los archivos nuevos es recomendable deshabilitar todos los pluggins de nuestro blog.

3. En tercer lugar, hemos de reemplazar las carpetas wp-admin y wp-includes, es decir, todas menos la carpeta wp-content, que es donde guardamos los temas, los plugins, idioma del sitio…

4. Una vez hecho todo, para finalizar la actualización, únicamente tendremos que escribir en nuestro navegador la siguiente dirección: http://www.tudireccion.com/wp-admin/upgrade.php.

Según comenta ayudawordpress, a pesar de que yo soy más nuevo en esto y solo me he enfrentado a versiones posteriores, en las versiones 2.2.1 y 2.2.2 únicamente hemos de hacer los pasos 1 y 3.

Traducir WordPress al castellano (panel de administrador)

Cuando iniciamos un blog con wordpress en nuestro servidor una de las cosas que hemos de realizar es traducir el panel de administrador y nuestra plantilla al castellano. Lo dividiré en dos partes ya que la manera de hacerlo es muy diferente en cada uno de los casos. Para hacerlo, he seguido el archivo de traducción que muy amablemente comparte ayudawordpress.

Para instalar el lenguaje en primer lugar tenemos que descargarnos el siguiente archivo, que será el que guardará la traducción: archivo de traducción.

A continuación, tendremos que crear la carpeta languages dentro de la carpeta wp-content, de vuestro sistema de carpetas de wordpress. Una vez hecho esto, copiamos además el archivo que acababamos de bajar a la carpeta.

Una vez hecho esto, editaremos el archivo wp-config.php que se crea una vez instalamos wordpress en nuestro sitio, y buscamos una línea como la siguiente:

define ('WPLANG', '');

A continuación, lo modificamos de manera que quede así:

define ('WPLANG', 'es_ES');

Una vez hecho esto, observaremos que el menú administrador está en castellano.

Ayuda WordPress

Inicialmente no pensé en la posibilidad de escribir artículos para WordPress, pero tras utilizarlo y compararlo creo que hay muchas cosas que explicar y que intentaré comentar a diario:

WordPress a diferencia de Blogger, que únicamente puede ser utilizado desde el servicio gratuito web, ofrece la doble posibilidad de utilizarlo de manera gratuita, o utilzándolo en nuestro servidor. En cada ayuda iré comentando los temas. Los temas de ayuda son los siguientes:

1. Traducir al castellano el panel de Administrador de WordPress. Explicación sobre como traducir al castellano el panel de administrador de nuestro blog wordpress.

2. Actualizar WordPress a una versión posterior, explico como actualizar en nuestro blog de wordpress a una versión posterior.

3. Insertar código fuente en un blog de wordpress.org. En este artículo explico como instalar un plugin en wordpress, para insertar código fuente de manera elegante.

4. Explicación sobre como incluir licencias en el blog. Artículo en el que explico como incluir una licencia en nuestro blog usando creative commons.

5. Como suscribirse vía mail desde wordpress. Explicación sobre como pueden permitir a los usuarios suscribirse a su blog muy fácilmente usando feedburner.

6. Página de inicio en wordpress. Explicación sobre como colocar una página de inicio en wordpress, a partir de una página creada. Esta explicación funciona para todo tipo de blogs en wordpress, actualizados a la versión 2.7 o superior.