Posts Tagged ‘blog’

Google Analytics es un servicio gratuito de estadísticas de sitios web. Ofrece información agrupada según los intereses de tres tipos distintos de personas involucradas en el funcionamiento de una página: ejecutivos, técnicos de marketingwebmasters.

Si tenemos nuestra cuenta Google con Analytics y añadimos nuestro blog ahí podremos ver qué tanto nos visitan. Nos muestra la cantidad de visitas a las páginas de nuestro sitio web, de dónde llegan, etc. Es muy bueno si estás interesado en saber el movimiento de tu sitio web.

Nuestro blog también tiene su presencia en internet y si lo actualizamos quiere decir que estamos interesados en conocer qué tanto la gente nos lee. Para hacernos la vida más fácil, en WordPress hay un plugin llamado Google Analytics for WordPress. Claro que si tienes acceso puedes editar el código de tu theme del blog e insertar el código de Analytics directamente 😀

Se los recomiendo mucho usar, todo lo que nos muestra sobre nuestros sitios web es excelente.

Si queremos tener funcionando este plugin hay que hacer lo siguiente:

  1. Ir a http://www.google.com/analytics/
  2. Dar click en Acceder a Google Analytics.
  3. Iniciar sesión con una cuenta Google (Gmail, etc.). O si no tienes una cuenta puedes crear una nueva.
  4. Una vez que nos hayamos registrado en Analytics podemos crear el perfil de nuestro blog, veremos esto y lo completan de la misma forma :p. Recuerden que esto funciona con cualquier sitio web que tengamos.
  5. Damos click en Siguiente y ahora nos piden ingresar nuestro nombre, apellido y país.
  6. Aceptamos los términos de servicio y damos click en Crear cuenta nueva.
  7. En la siguiente pantalla ya nos dan el código para rastrear nuestro blog. Damos click en Guardar y Terminar (Save and finish).
  8. Ahora nos vamos a nuestro blog, sitio web, etc. El código del Analytics debe ir en el código de nuestra página, antes de finalizar el tag <head> osea antes de </head>. Pero como en nuestro blog ya tenemos este plugin Google Analytics for WordPress, lo único que hacemos es ir a la sección de plugins y activarlo.
  9. Una vez activado lo debemos configurar, vamos a las opciones del plugin. Un nuevo link llamado Google Analytics nos aparece debajo de Opciones en nuestro administrador de WordPress.
  10. Ahora lo único que tenemos que hacer es seleccionar nuestro Account y Profile que ya hemos creado para que empiece a rastrear y damos click en Authenticate with Google.
  11. Das ist alles.

Ahora le damos un poquito de tiempo a Analytics para que empiece a rastrear, ya después de un día podremos ver los resultados desde que pusimos el código y así ya podemos ver que tanto movimiento tiene nuestro blog 😀

Si es que nos da algún error, podemos usar la opción «Manually enter your UA code» y ahí podremos ingresar directamente el código de nuestro perfil de Analytics, vamos al administrador de Analytics y ahi lo vemos, es el que está con el marco rojo:

Copiamos todo el código y lo pegamos en el espacio creado para insertar el código.

Posted by on diciembre 22, 2010

Éste plugin les permitirá mostrar los últimos comentarios realizados en nuestro blog de una manera muy simpática:

picture-2

1. Lo que hay que hacer es ir a la sección de Plugins dentro del administrador de nuestro blog:

picture-4

2. Una vez aquí buscamos en la lista de Plugins no instalados el que se llame WP-RecentComments

picture-3

Y del lado derecho se le da click en el botón Activar.

3. Ahora vamos a la sección de Widgets.

picture-5

4. En la sección de Widgets, vemos en el lado izquierdo la lista de widgets disponibles y buscamos el mismo WP-RecentComments y damos click en Crear.

picture-6

5. Ahora podemos ver del lado derecho el nuevo widget añadido, damos click en Editar para revisar las opciones:

picture-8

Tal y como ven ahí es como tengo yo, pueden revisar las opciones y acomodarlas a su gusto. Una vez hecho todos los cambios damos click en Hecho y luego Guardar Cambios.

—-

Si aún no tienes avatar (la imágen que se usa en los comentarios), asegúrate de seguir este tutorial:

http://blog.espol.edu.ec/yunie/2009/01/07/avatar-propio-en-wordpress/

Posted by on noviembre 8, 2009

Así es! Un año! Qué rápido se ha ido el tiempo :O

Este es el mes de varios aniversarios de blogs Espol, asi como este el 22 de Octubre. Este año ha sido lleno de muchas cosas buenas, nuevos amigos, nuevas experiencias y más conocimiento.

Yo se que he dejado medio abandonado mi blog 🙁 por cuestión de tiempo, pero sin falta trataré de actualizar más seguido *-* xD amo mi blog 😀

Y Aquí está el pastel para celebrar :O

birthday-cake

😀

Posted by on octubre 22, 2009

He estado recibiendo algunos correos y comentarios que me preguntan cómo hice para tener mis actualizaciones de Twitter en mi blog.

Antes que nada, si no saben qué es Twitter, pueden leer esto.

Quiero comentar sobre un nuevo plugin disponible en el sistema de WordPress de la ESPOL, que se llama Twitter for WordPress.

Es la manera más sencilla de mostrar sus actualizaciones de Twitter en el blog, lo único que hay que hacer es:

1. En la administración de nuestro blog, vamos a la sección de Plugins.
2. Ahí buscamos el que dice «Twitter for WordPress» y al lado derecho le damos click en Activar.
3. Vamos a la sección de Widgets de nuestro blog.
4. Ahí del lado izquierdo en los Widgets disponibles, buscamos el que dice Twitter #1 y le damos click en Crear.
5. Abrimos el recientemente creado Widget para editar sus opciones y las llenamos según nos corresponda:

ocpiones

El Number of Links se refiere a la cantidad de Tweets que quieran mostrar.
6. Una vez hechos todos los cambios, damos click en Hecho y guardamos los cambios.

Con esto, nos quedará así:

tweet2

Y listo 😀

Tuve que borrar la otra forma de poner el twitter en nuestro blog puesto que está presentando problemas. Así que mejor quedémonos con esta.

Posted by on julio 11, 2009

En la nueva versión de WordPress que estamos usando con los blogs ESPOL, también nos incluyeron una buena selección de plugins.

¿Qué son los plugins?

Son pequeñas extensiones que añaden alguna nueva funcionalidad a nuestro sistema.

Si entramos a la administración de nuestro blog, veremos del lado izquierdo algunas opciones, para ver los plugins que tenemos disponibles damos click en la opción Plugins del menu izquierdo.

widgets

En mi caso yo ya tengo activados algunos, ahí pueden ver los nombres de los plugins y una pequeña descripción de lo que hacen del lado derecho del nombre. Pueden activar los que les parezcan más útiles 😀

Ahora mencionaré 2 plugins: WP-Cumulus y ShareThis.

Es muy sencillo, en la sección de plugins disponibles como la imágen anterior podrán buscar al menos estos dos que les menciono y fijense que del lado derecho después de la descripción hay un botón de «Activar». Les pueden dar click en Activar a WP-Cumulus y ShareThis.

ShareThis

Con esto el ShareThis ya lo tendrán habilitado. ¿Qué es eso? ShareThis es un nuevo botón que se añadirá automaticamente a cualquier post que ustedes hagan en su blog que proporcionará facilidades a las personas que los lean, ya que si les parece que la noticia que ustedes escribieron es muy buena y quieren compartirla, dando click a ese botón podrán hacerlo a muchas redes como Facebook, Twitter, Digg, etc. Osea muy útil 😀

Así es como verán ahora cada uno de sus posts, con el botón ShareThis y ahí en la imágen salen las opciones disponibles para compartir el post.

share

Después de habilitarlo, visitan la página web http://sharethis.com/ ahí creen una cuenta. Una vez creada, ahí podrán personalizar su botón y generar el código.

Cuando ya tengan este código, vayan nuevamente a la sección de Plugins en la administración de sus blogs, y en el de ShareThis en la descripción hay un vínculo que los llevará a la configuración del plugin:

Let your visitors share a post/page with others. Supports e-mail and posting to social bookmarking sites. Configuration options are here. Questions on configuration, etc.? Make sure to read the README. Por ShareThis.

Aquí pueden pegar el código que generaron antes, y señalar las opciones

Automatically add ShareThis to your posts?
Automatically add ShareThis to your pages?

Para que el botón aparezca automáticamente.

WP-Cumulus

Este plugin sirve para ver de una manera diferente todas las etiquetas o tags que hemos usado en nuestros posts, para mi parecer, se ve mucho mejor y ordenado de esta manera:

nubeetiquetas

Una vez que se haya activado este plugin en la sección de Plugins disponibles, nos vamos ahora a la sección de widgets:

widgets

Ahí veremos que ahora nos aparece un nuevo widger llamado WP-Cumulus que será nuestra nube de etiquetas. Le damos click en Añadir (add). Luego cuando se nos haya ido a la derecha como los demas cuadros azules lo podemos Editar y asi ver todo lo que ofrece:

widgets

Si ven en la imágen está como yo lo tengo ahora, normalmente les viene con un fondo blanco pero ahí está la linda opción para habilitar trasparencia 😀 Le dan click en Done (Hecho) y listo 😀 tienen activados 2 muy buenos plugins.

Posted by on mayo 20, 2009

Cambio de look

05-11-09

Ya estamos a 1 semana de iniciar clases en un nuevo semestre <3 por eso decidi darle un cambio de look al blog.

Tambien decidi que la seccion de Tutoriales de Photoshop sea ahora Tutoriales, ya que ire poniendo variedad de tutoriales, ahora estoy trabajando en unos tutoriales de las nuevas cosas que tenemos disponibles en la nueva version del sistema de blogs de la ESPOL. Espero que les sea utiles y si quieren saber como hacer algo me lo digan 😀

Usare esta pagina http://blog.espol.edu.ec/yunie/tutoriales/ para ir ordenando los tutoriales que vaya poniendo 😀

Tambien hubieron unos cambios menores no creo que se den cuenta 😀

Esperando el nuevo semestre, espero que sea igual o mejor que el anterior 😀

Espero que les agrade el cambio 😀

Posted by on mayo 11, 2009

Twitter

04-09-09

twitter
http://twitter.com

Antes que nada, yo se que muchos se preguntarán ¿Qué es Twitter? Es un sistema de micro blogging,  con esto quiero decir que es un sistema donde puedes escribir lo que estas haciendo, y siendo micro bueno es que debe ser algo corto. En Twitter puedes tener tus seguidores, que serán los que recibirán las actualizaciones de tu Twitter, y asi mismo se puede seguir a otras personas y estar en contacto sabiendo lo que hacen 😀

El Twitter ya está tomando fuerza y ya lo incluyen en varios lugares como en redes virtuales.

En Facebook ya hay una opción para poner tu usuario de Twitter y que en tu perfil salga todo lo que publiques.

Si te gustan los videojuegos, hay un sitio llamado GamerDNA ( http://gamerdna.com ) donde puedes poner tus datos de Xbox, PlayStation3, Xfire y muchas más y con la opción de Twitter manda mensajes automáticos de lo que hayas jugado en las consolas mencionadas y de Xfire y así otra manera de comunicar a tus seguidores lo que juegas.

Ahora unas aplicaciones que uso con el Twitter y muy útiles

TwitterFeed: http://twitterfeed.com/
Este me es muy útil, ya que solo pongo mi dirección de Feed de mi blog y me hace posts automáticos en el Twitter cada vez que pongo una nueva entrada en mi blog.

TwitterFox: https://addons.mozilla.org/en-US/firefox/addon/5081
Es un addon para Firefox, solo inicias sesión y recibiras las actualizaciones de las personas que sigues en el Firefox y asimismo les puedes responder y leer mensajes directos.

Twitpic: http://twitpic.com/
Para mostrar fotos que tomes desde tu celular o subas y  se postean en el Twitter 😀

Twit-it: http://www.erresoft.net/twit-it/
Con esto puedes publicar los sitios web en los que estes navegando en ese momento.

Hay muchas aplicaciones más, yo solo puse las que he usado xD

Me pueden seguir en http://twitter.com/yunie5 😀

Posted by on abril 9, 2009

En vista de que varias personas me preguntan como pongo los Blogs recomendados y video de la semana en la barra de la derecha del blog, aqui pongo un tutorial de como hacerlo para que todos puedan 😀

Todo se hace con widgets de texto. Van al administrador de su blog, click en Disenio-> Widgets. Como poner un widget de texto? Click aqui.

Para poner los Blogs recomendados es el siguiente codigo.

<table border=»0″><tbody><tr><td><a href=»URL-DEL-BLOG» target=»_blank»> <img src=»URL-DE-IMAGEN» border=»0″ alt=»NOMBRE» hspace=»10″ vspace=»10″ width=»50″ height=»50″ /></a></td><td><a href=»URL-DEL-BLOG» target=»_blank»> NOMBRE-DEL-BLOG</a></td></tr></tbody></table>

Lo unico que tienen que hacer es reemplazar lo que he puesto de URL-DE-IMAGEN, NOMBRE, URL-DEL-BLOG, NOMBRE-DEL-BLOG con los datos correspondientes y listo. Este codigo es para poner uno solo, pero si quieren mas solo repiten

<tr><td><a href=»URL-DEL-BLOG» target=»_blank»> <img src=»» border=»0″ alt=»NOMBRE» hspace=»10″ vspace=»10″ width=»50″ height=»50″ /></a></td><td><a href=»URL-DEL-BLOG» target=»_blank»> NOMBRE-DEL-BLOG</a></td></tr>

Cuantas veces quieran. Solo asegurense que este entre las etiquetas table y tbody.

Y si por ejemplo quieren poner mi blog como recomendado, copien exactamente esto:

<table border="0"><tbody><tr><td><a href="http://blog.espol.edu.ec/yunie/" target="_blank">
<img src="http://blog.espol.edu.ec/yunie/files/2009/03/14671.jpeg" border="0" alt="Yunie" hspace="10"
vspace="10" width="50" height="50"
/></a></td><td><a href="http://blog.espol.edu.ec/yunie/"
target="_blank"> El Blog de Yunie</a></td></tr></tbody></table>

Video de la semana

Buscamos un video de Youtube que queramos y copiamos el codigo que dice embed. En mi caso usare este:

<object width=»480″ height=»385″><param name=»movie» value=»http://www.youtube.com/v/3gA-EzN3HPY&hl=en&fs=1″></param><param name=»allowFullScreen» value=»true»></param><param name=»allowscriptaccess» value=»always»></param><embed src=»http://www.youtube.com/v/3gA-EzN3HPY&hl=en&fs=1″ type=»application/x-shockwave-flash» allowscriptaccess=»always» allowfullscreen=»true» width=»480″ height=»385″></embed></object>

Ahora si lo ponemos asi nomas sera muy grande, asi que hay que cambiarle los parametros de width y height. Yo le se poner width=»200″ y height=»170″ para que quede del tamanio que tengo, entonces el codigo me quedaria asi:

<object width=»200″ height=»170″><param name=»movie» value=»http://www.youtube.com/v/3gA-EzN3HPY&hl=en&fs=1″></param><param name=»allowFullScreen» value=»true»></param><param name=»allowscriptaccess» value=»always»></param><embed src=»http://www.youtube.com/v/3gA-EzN3HPY&hl=en&fs=1″ type=»application/x-shockwave-flash» allowscriptaccess=»always» allowfullscreen=»true» width=»200″ height=»170″></embed></object>

Ahi puse en negritas donde no mas le cambie el numero, son 2 width y 2 height.

Y listo 😀 Cualquier duda dejenla en los comentarios ^^

Posted by on marzo 5, 2009

 
Ir a la barra de herramientas