martes, 15 de noviembre de 2011

Como agregar comentarios de FACEBOOK a tus entradas de BLOGGER

Las redes sociales se han vuelto muy populares hoy en día, estas herramientas son utilizadas en forma masiva en todo el mundo y su utilización es muy sencilla. En este tutorial les enseñaré a agregar la caja de comentarios de Facebook a cada una de sus entradas de Blogger. Luego de mucho investigar, me he dado cuenta de que hay miles de páginas que proveen del código HTML erróneo o mal construido, pero aquí les daré uno que funciona, es el que yo uso para los comentarios de mis entradas. Sigue todos los pasos al pie de la letra y luego tendrás la codiciada caja de comentarios de facebook incrustada a las entradas de tu blog.



1- Debemos crear una aplicación ingresando en la página de desarrolladores de facebook. Aquí proporcionamos el nombre y la dirección URL principal de nuestra página web o blog, luego clic en "Crear aplicación". La info que tenemos que anotar es la ID de aplicación. (ejemplo: 1518352846154).

2- Vamos a DISEÑO | Edición de HTML, expandir plantillas de artilugios y buscamos el siguiente código (Ctrl+F para buscar más rápido):

<body>

3- Inmediatamente luego de la etiqueta <body> pegamos el siguiente código:




<!-- Facebook SDK script Code -->
<div id='fb-root'/>
<script>
    window.fbAsyncInit = function() {
    FB.init({
      appId  : 'SU ID DE APLICACIÓN',
      status : true, // check login status
      cookie : true, // enable cookies to allow the server to access the session
      xfbml  : true  // parse XFBML
      
    });
    FB.Event.subscribe('comments.create', function(response) {
  // do something with comments.create like notify me when new comment
});
    FB.Event.subscribe('edge.create', function(response) {
  // do something with edge.create like notify me when someone likes something
});
  };


    (function() {
    var e = document.createElement('script');
    e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
    e.async = true;
      document.getElementById('fb-root').appendChild(e);
    }());
</script>
<!-- End SDK script Code -->


Cambie la parte donde dice "SU ID DE APLICACIÓN" por su propia ID de aplicación que adquirió en el paso 1.

4- Ahora busque el siguiente código (Ctrl+F):

<b:if cond='data:post.allowComments'>
Posiblemente encontrarás varias veces este código, pero buscarás el que esté luego de                               <a name='comments'/>, ese es el correcto.

5- Luego de  <b:if cond='data:post.allowComments'> pega el siguiente código:

<fb:comments expr:href='data:post.url' num_posts='5' width='550'/>
Puedes cambiarle el ancho poniendo otro valor después de width= (en este caso es 550)

6. Guarda los cambios y LISTO! ya tienes la caja para comentar a través de Facebook al final de tus entradas.

Etiquetas: ,

entrada de Hernán Cardozo @ 16:14   0 comentarios

YouTube paga por subir vídeos caseros y divertidos





YouTube está pagando a aquellas familias que suban vídeos divertidos sobre ellas mismas.

La plataforma afirma que este tipo de vídeos caseros tienen un gran éxito convirtiéndose en contenido viral que incluso podrían pagar hasta 116.000 euros.

Adicionalmente las familias que crean un montaje casero, en el caso de que realmente llegue a alcanzar un éxito importante en Internet pueden solicitar a YouTube que inicie un canal específico para ellos.

Etiquetas:

entrada de Hernán Cardozo @ 13:31   0 comentarios

sábado, 12 de noviembre de 2011

Moodle, una excelente herramienta para e-learning

Aquí un vídeo que explica a fondo que es Moodle y para qué sirve.
Leer más »

Etiquetas:

entrada de Hernán Cardozo @ 15:04   0 comentarios

miércoles, 9 de noviembre de 2011

El Nuevo Firefox 8 ya está disponible!

Ahora sí, ya es oficial: la versión final de Firefox 8 se puede descargar desde la web de Mozilla. A continuación podéis encontrar algunas de las novedades más destacadas en imágenes, junto a una pequeña descripción, ideal para gente ocupada y personas con cosas más importantes que hacer que leer notas de versión.
Leer más »

Etiquetas: ,

entrada de Hernán Cardozo @ 17:54  

Sitios web para descargar plantillas Blogger gratis

Las plantillas predeterminadas como las simples, clásicas, picture window y otras  que nos ofrece Blogger son muy útiles para bloggeros principiantes, pues son fáciles de editar. Existe la posibilidad de subir una plantilla totalmente distinta a las que vienen por defecto, y cambiar así el estilo de nuestro blog. El mecanismo de publicación igualmente se basará en entradas. Un blog atractivo y original es mucho más interesante que otro con temas y plantillas comunes. primero debemos buscar en Internet algún sitio web que provea de plantillas para Blogger, aquí una lista de páginas web que ofrecen plantillas para blogger:



Leer más »

Etiquetas: ,

entrada de Hernán Cardozo @ 15:42  

Sonic Corriendo

Disfruta de las maravillosas aventuras de Sonic...!
Leer más »

Etiquetas:

entrada de Hernán Cardozo @ 12:23  

Bob esponja al escape

Leer más »

Etiquetas:

entrada de Hernán Cardozo @ 11:56  

Sitios web para descargar plantillas Blogger gratis


Las plantillas predeterminadas como las simples, clásicas, picture window y otras  que nos ofrece Blogger son muy útiles para bloggeros principiantes, pues son fáciles de editar. Existe la posibilidad de subir una plantilla totalmente distinta a las que vienen por defecto, y cambiar así el estilo de nuestro blog. El mecanismo de publicación igualmente se basará en entradas. Un blog atractivo y original es mucho más interesante que otro con temas y plantillas comunes. primero debemos buscar en Internet algún sitio web que provea de plantillas para Blogger, aquí una lista de páginas web que ofrecen plantillas para blogger:
Leer más »

Etiquetas: ,

entrada de Hernán Cardozo @ 11:49   0 comentarios

Super Mario Drive

Leer más »

Etiquetas:

entrada de Hernán Cardozo @ 10:05  

lunes, 7 de noviembre de 2011

Cambiar tamaño de letra del blog a opción del lector

Navegando por la web encontré este tutorial muy útil que a muchos les ha de servir. Lo saqué de CiudadBlogger. 
De acuerdo al contenido del blog es al público al que está dirigido y es posible que este público sean adultos mayores o bien tengan dificultades visuales. Así que una buena herramienta es darles la opción de que sean ellos quienes elijan el tamaño del texto del blog y puedan cambiarlo a su gusto. Para ello vamos a usar dos métodos:

El primero es que el lector escoja el tamaño exacto de la letra. Para lograr esto sólo pegamos este código en un elementoHTML/Javascript:
Tamaño de letra: <a href="javascript:void(0);" onclick="javascript:body.style.fontSize=&apos;10px&apos;"><span>10</span></a> <a href="javascript:void(0);" onclick="javascript:body.style.fontSize=&apos;12px&apos;"><span>12</span></a> <a href="javascript:void(0);" onclick="javascript:body.style.fontSize=&apos;14px&apos;"><span>14</span></a> <a href="javascript:void(0);" onclick="javascript:body.style.fontSize=&apos;16px&apos;"><span>16</span></a> <a href="javascript:void(0);" onclick="javascript:body.style.fontSize=&apos;18px&apos;"><span>18</span></a>

Las opciones de tamaño de la fuente van desde 10 hasta 18 puntos, puedes agregar las que quieras repitiendo la línea correspondiente.

La segunda opción la vi en Vagabundia y se trata de cambiar el tamaño de la letra con dos botónes, uno para aumentar y otro para disminuir.
Primero hay que ir a Diseño > Edición de HTML y pegar antes de</head> lo siguiente:
<!-- cambiar tamaño de fuente -->
<script type='text/javascript'>
var tgs=new Array(&#39;div&#39;,&#39;td&#39;);
var szs=new Array(&#39;xx-small&#39;,&#39;x-small&#39;,&#39;small&#39;,&#39;medium&#39;,&#39;large&#39;,&#39;x-large&#39;,&#39;xx-large&#39;);
var startSz=2;
function ts(trgt,inc) {
if (!document.getElementById) return

var d=document,
cEl=null,sz=startSz,i,j,cTags;
sz += inc;
if (sz &lt; 0) sz=0;
if (sz &gt; 6) sz=6;
startSz=sz;
if ( !(cEl=d.getElementById(trgt))) cEl=d.getElementsByTagName(trgt)[0];
cEl.style.fontSize=szs[sz];
for (i=0 ; i &lt; tgs.length; i++) {
cTags=cEl.getElementsByTagName(tgs[i]);
for (j=0; j &lt; cTags.length ; j++) cTags[j].style.fontSize=szs[sz];
}
}
</script>

Ahora en un elemento HTML/Javascript pega esto:
<a href="javascript:ts('body',1)"><img src="http://dl.getdropbox.com/u/647003/CiudadBlogger/Iconos/%2Bfont.PNG"/></a>
<a href="javascript:ts('body',-1)"><img src="http://dl.getdropbox.com/u/647003/CiudadBlogger/Iconos/-font.png"/></a>

El resultado serán dos íconos con los que se podrá manipular el tamaño de la fuente de texto, puedes ver el ejemplo funcionando de ambos métodos en este blog de pruebas.
Los íconos puedes cambiarlos por los tuyos si así lo deseas, sólo cambia la URL de la imagen, o bien, puedes usar sólo texto, si este es el caso entonces usa esto:
<a href="javascript:ts('body',1)">Aumentar fuente</a>
<a href="javascript:ts('body',-1)">Disminuir fuente</a>

Este truco hará que cambie el tamaño de la letra de todo el blog, si deseas que sólo cambie la letra de las entradas cambia donde dice body por main.

Etiquetas:

entrada de Hernán Cardozo @ 15:20   0 comentarios

Banners en Facebook

Los llamados Banners de Facebook no son un tipo de banner, sino es una tira de imágenes que se unen para formar una sola y aparentar serlo, además de ser una herramienta fácil de utilizar es atractiva a la vista en los perfiles de los distintos usuarios.
Leer más »

Etiquetas:

entrada de Hernán Cardozo @ 15:00  

Como averiguar en que hosting se encuentra alojado un sitio web


Muchas veces cuando pensamos en publicar una página web siempre queremos saber en qué servicio de hosting (Alojamiento web) se encuentra alojado un determinado sitio. En lugar de preguntar al desarrollador, tenemos la posibilidad de averiguarlo a partir de su dirección URL (www.ejemplo.com). 
WhoisHostingThis? es una herramienta online que nos permite saber dónde está alojado una página web o blog.
Su utilización es muy fácil, sólo tenemos que ingresar a la página de WhoisHostingThis?, luego se debe colocar la dirección URL de la página cuyo servidor queremos averiguar y por último clic en "Search" (buscar). Luego la página nos mostrará los datos del hosting del sitio web consultado.

Etiquetas:

entrada de Hernán Cardozo @ 13:24   1 comentarios

domingo, 6 de noviembre de 2011

Como publicar un sitio web por FTP



Hoy en día actualizar los sitios web es muy importante para no perder lectores. Una forma rápida de actualizar páginas web es mediante el servicio de FTP (File Transfer Protocol). Para publicar sitios web por FTP es necesario un cliente de FTP como FileZilla que lo pueden conseguir gratuitamente en Softonic.

1- Primeramente debemos tener un hosting o servidor web que nos permita alojar nuestro sitio online. Una vez conseguido el hosting, el servidor nos proveerá de un nombre de usuario y contraseña para FTP.

2- Abrimos FileZilla


3- Completamos los datos de Servidor, nombre de usuario, contraseña para acceder a la base de datos de nuestra página web. (la dirección del servidor, nombre de usuario y contraseña deben ser proporcionados por el proveedor de hosting).

3- Una vez conectado buscamos la carpeta "HTDOCS" en la parte de "sitio remoto", a la derecha que generalmente es la que contiene el sitio web.

4- Localizamos el archivo HTML (archivo de página web) que deseamos publicar junto con su carpeta contenedora de archivos y arrastramos los dos archivos desde el sitio local hasta la carpeta de HTDOCS en el sitio remoto o bien en una subcategoría de nuestro sitio si éste ya fue publicado. 

5- Luego chequeamos en el navegador nuestra dirección de dominio para ver la página web publicada y listo.

Etiquetas: ,

entrada de Hernán Cardozo @ 18:32   0 comentarios

Como cancelar correos electrónicos de Facebook



Actualmente los correos electrónicos de facebook están llenando las bandejas de entrada de correos electrónicos de sus usuarios. Yo en particular no entiendo para qué envían las actualizaciones por correo si al entrar a una cuenta de facebook vuelven a aparecer las mismas notificaciones. Hace poco estaba viendo las configuraciones de mi cuenta en esta red social y me encuentro con la solución. Ustedes también pueden evitar que correos de facebook llenen sus bandejas de correo electrónico, a pesar de que no ocupan mucho espacio, ocasionan una gran molestia para los usuarios que esperan otro tipo de correo.

Para evitar recibir las notificaciones por e-mail debemos hacer los siguiente:

1- Clic en Configuración de la Cuenta
2- Clic en Notificaciones
3- Debemos dirigirnos hasta Todas las notificaciones y luego clic en editar que está al lado de Facebook y desactivar todas las casillas.
Hacemos lo mismo con Fotos, Grupos, Páginas, Eventos, Preguntas, Notas, Enlaces, Vídeos, Servicio de ayuda, comentarios del muro, Lugares, Ofertas, Otras actualizaciones de facebook, Créditos, y Otras Aplicaciones

Y de este modo evitamos llenar nuestro correo electrónico con las innecesarias notificaciones de facebook por e-mail.

Etiquetas:

entrada de Hernán Cardozo @ 18:02   0 comentarios

Como ocultar la barra de Blogger

El servicio de Blogger nos da la posibilidad de crear nuestros propias páginas web a modo de blogs, utilizando entradas, pero muchas veces la barra superior es un poco incómoda para muchos.




No podemos quitarla pero si se la podemos ocultar siguiendo estos sencillos pasos.
1- Ve a Diseño, luego clic en "Edición HTML".
2- Busca el siguiente código (para hacerlo debes presionar Ctrl+f y escribir en la casilla de búsqueda el siguiente código):

    body {

3- Justo antes del body  { pega el siguiente código:


#navbar-iframe {
height:0px;
idden; display:non
visibility:
he
}

Y listo! Ya tienes tu blog sin la molesta barra.

Etiquetas:

entrada de Hernán Cardozo @ 17:26   0 comentarios

RECONOCIMIENTO DE VOZ DE WINDOWS

¿Para qué sirve el reconocimiento de voz?

Puede controlar el equipo mediante la voz. Puede dictar comandos a los que el equipo responderá y también puede dictar texto al equipo. Se imagina dar órdenes a su computadora como Dexter lo hace en su laboratorio? Con tan solo algunos comandos, el equipo le responderá con una determinada acción. En este tutorial aprenderá a usar el reconocimiento de voz de Windows. Para poder utilizarlo, debe conectar un micrófono al equipo, una vez configurado el micrófono puede entrenar al equipo para que reconozca su voz, creando un perfil de voz que usará para reconocer sus órdenes o comandos orales
Observaciones: Cuando se activa el reconocimiento de voz, al no saber algún comando de voz (lo que tiene que decir) igualmente podrá seguir utilizando el mouse y el teclado.

PARA ACTIVAR EL RECONOCIMIENTO DE VOZ POR PRIMERA VEZ

(Sólo disponible en versiones de Vista y Windows 7)



- Primero hacemos clic en Inicio.
- Luego en Panel de Control.






Luego de abrir el Panel de Control, escribimos en el cuadro de búsqueda “Reconocimiento de voz” en la parte superior derecha.


Y posteriormente hacemos clic en “Iniciar Reconocimiento de voz”  tal como indica la flecha.

Luego se desplegará una ventana que nos ayudará con el proceso de configuración del reconocimiento.

 Hacemos clic en “Siguiente" 
Posteriormente nos saldrá esta ventana:

Aquí seleccionamos el tipo de micrófono que vayamos a utilizar. Y luego clic en “Siguiente”. Es muy importante seleccionar correctamente el tipo de micrófono, pues será la el medio por el cual "hablaremos" al equipo.



Colóquese a una distancia adecuada del micrófono para que el equipo lo escuche. Luego clic en siguiente.
Luego aparecerá esta ventana. Lea en voz alta la siguiente frase en forma natural “Pedro dicta a este equipo. Prefiere dictar que escribir y, sobre todo, lo prefiere al lápiz y el papel”.

Esto sirve para que el equipo escuche su voz, y analice si podrá o no utilizar el reconocimiento. Luego de haber “hablado” al equipo damos clic sobre “siguiente”.Luego una ventana nos indicará que el micrófono está listo.
Ahora hacemos clic en “siguiente”.
Obs: En caso de que el quipo no lo escuche correctamente, deberá volver a dictar el texto anterior.
Para que el equipo lea documentos y archivos para aprender su lenguaje active la casilla donde dice : “habilitar la revisión de documentos”.

Y luego hacemos clic en siguiente.
Luego el sistema nos pregunta en qué forma queremos activar el reconocimiento de voz. Tenemos dos opciones la primera es la activación en forma manual (esto quiere decir que activaremos el reconocimiento haciendo clic con el mouse) y la segunda es la activación por medio de la voz (no utilizaremos el mouse en este caso, solo activaremos el micrófono al decir “iniciar el reconocimiento de voz”).
Luego de elegir hacemos clic en siguiente.
.  
 Luego tendremos la posibilidad de ver e imprimir la hoja de referencia o hoja de comandos (las palabras que tenemos que pronunciar para que el equipo entienda).
Luego hacemos clic en SIGUIENTE.
Si quieren que el reconocimiento de voz se ejecute por sí solo al inicio, marquen la casilla correspondiente. En caso contrario, el reconocimiento deberá ser activado luego del inicio en forma manual.
Luego hacemos clic en “Siguiente”.

Listo, en estos momentos, su equipo ya estará configurado para la utilización del reconocimiento de voz. Ahora sólo queda iniciar un tutorial que nos ofrece Windows para que vayan aprendiendo las palabras que tienen que decirle al equipo. Para esto hacemos clic en “Iniciar Tutorial”.Luego ya el sistema le guiará paso a paso para la correcta utilización de esta eficiente tecnología.
Espero que este tutorial le haya sido de gran ayuda.
netguay.blogspot.com

Etiquetas:

entrada de Hernán Cardozo @ 16:34   0 comentarios