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