$custom_attributes .= ' data-url="' . $linkurl . '"';
$custom_attributes .= ' data-text="' . $linkname . '"';
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Ffans.ciudadblogger&width=292&colorscheme=light&show_faces=true&stream=false&header=true&height=289" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:289px;" allowTransparency="true"></iframe>
<div class='likeboxwrap'>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Ffans.ciudadblogger&width=292&colorscheme=light&connections=15&stream=false&header=true&height=289" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:289px;" allowtransparency="true"></iframe>
</div>
<style type='text/css'>
div.likeboxwrap {
width:290px; /* Quitar 2px al ancho del gadget */
height:264px; /* Quitar 25px al alto del gadget */
background-color:#8A084B; /* Color de fondo del gadget */
overflow:hidden;
}
div.likeboxwrap iframe {margin:-1px}
</style>
ProtectedMode = 0
Generalmente, cuando quieres transcribir una hoja escaneada a texto en pantalla debes pagar algún tipo de software, este no es el caso de Free OCR. Para ver si podía igualar los resultados de un software pago, realizamos algunos experimentos, aquí están los resultados. Free OCR, en definitiva, hace lo que muchas aplicaciones prometen: convertir PDF o imágenes a formato texto. Lo bueno es que es una herramienta en línea y gratuita.
No hay peor cosa en este mundo que tener que transcribir una enorme cantida de texto de la hoja al PC. No porque sea difícil, simplemente porque es frustrante. ¡Ahí está el texto!, ¿por qué tengo que pasarlo si ya está ahí? Afortunadamente, hay sitios que se toman la molestia, detectan el texto y lo transcriben formato texto. Free OCR es solo uno de ellos y lo mejor de todo, es gratuito.
Este sitio, permite tomar una imagen o un archivo PDF y lo transcribe a un bloque de texto que se puede copiar y pegar. Afortunadamente para nosotros, los de habla hispana, no solo permite ingresar texto en inglés sino también en español, francés, alemán y otros más. Así que con la misión de saber si este sitio gratuito podía igualar a los programas pagos, realizamos algunas pruebas.
¿Qué mejor manera de probarlo, que con un texto de nuestro querido sitio? Simulando que la nota elegida era una hoja de papel, la cual queríamos transcribir, tomamos una fotografía de la pantalla y subimos la imagen. Seleccionamos que el idioma en pantalla era español y esperamos los resultados. Este fue verdaderamente desastroso. Al parecer, Free OCR tuvo problemas con las imágenes y tomó cualquier cosa. Es decir, se olvidó por completo parte del texto y transcribió lo que quiso.
El segundo paso, para facilitarle las cosas, tomamos una imagen de solo texto, sin ninguna fotografía. En esta ocasión el resultado fue mucho más positivo. Aunque tuvo algunos problemas, como no separar algunas palabras o separar una palabra donde no era correcto, la mayor parte del texto la tomó de manera acertada. La prueba final consistió en tomar una imagen de texto en inglés. Los resultados, como esperábamos, fueron perfectos. Tomó el texto a la perfección sin ningún tipo de errores.
En definitiva Free OCR es una herramienta muy útil que no funciona de la mejor manera, pero aún así sigue siendo útil (en parte, porque todos más o menos funcionan igual). En primer lugar, es perfecto para texto en inglés. Y, en caso de que tengas un largo texto en español que transcribir, es mucho más simple pasarlo por este software y luego corregir los simples errores que comete. Eso sí, no metas ninguna imagen en el medio porque sino todo se va al demonio.
Este botón, al ser de Google, tiene un gran poder en los buscadores, cuantos más clicks tengamos, tenemos más probabilidades de obtener mejores posiciones en los buscadores. Google ya anunció que el botón Google +1 será determinante en el posicionamiento de varios sitios, y suena lógico.
Hoy quiero explicar como agregar el botón de Google +1 al blog, ya que como mencioné antes, es beneficiario en el posicionamiento web, y vale la pena colocarlo para todas nuestras publicaciones. El botón de Google +1, por si no lo conocen, es el que estoy utilizando en la derecha, al comienzo de cada artículo.
A continuación, los pasos a seguir para agregar el botón de Google +1 a sus sitios:
[1] Primero vamos a la página del generador del botón Google +1.
[2] Allí veremos una serie de opciones, pero lo explicaré por pasos. En la primera opción podemos elegir el tamaño del botón. El pequeño, el mediano, el normal o el alto.
En la segunda opción podemos elegir el idioma del botón, el idioma se ve afectado sólo cuando colocamos el cursor sobre el botón, ya que se despliega un cuadro que dice que hagamos click para publicar el contenido en nuestra cuenta.
A la derecha podremos ir viendo una vista previa de como va quedando nuestro botón.
[3] A continuación podemos utilizar otra opción llamada Opciones avanzadas, la cual al desplegar, podemos encontrar otras opciones.
Allí podremos elegir si utilizar el contador o no (sólo para los botones horizontales).
Podemos elegir también si queremos que se utilice el botón para la página en donde se está navegando o en una página única indicada, por ejemplo la página principal de un blog.
También podemos encontrar la función de devolución de llamada de JavaScript, la cual no entendí mucho, pero me parece que es para utilizar nuestro propio código JS y no depender del de Google, aunque no sé si estoy acertado en eso.
Por último está la opción de agregar nuestra propia URL al botón de Google más uno, si es que seleccionamos esa opción antes.
[4] Finalmente, sólo nos queda copiar un código que se genera según las opciones que hayamos elegido. El código está situado abajo, es fácilmente reconocible. El mío es algo así:
<!-- Agrega esta etiqueta en la cabecera o delante de la etiqueta body. -->
<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
{lang: 'es-419'}
</script><!-- Agrega esta etiqueta donde quieras colocar el botón +1 -->
<g:plusone size="tall"></g:plusone>
[5] Ahora tenemos que pegar el código en nuestro sitio. A continuación voy a explicar cómo hacerlo para Blogger y para WordPress:
2. Debemos ir a Diseño > Edición de HTML y vamos a espandir los artilugios.
3. Luego vamos a buscar la etiqueta </head> y antes de ella vamos a pegar lo que esté antes de <!-- Agrega esta etiqueta donde quieras colocar el botón +1 -->, en mi caso quedaría así:
<!-- Agrega esta etiqueta en la cabecera o delante de la etiqueta body. -->
<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
{lang: 'es-419'}
</script></head>
Esta parte del código es el script, el cual estaremos llamando con el otro código faltante por colocar.
4. Ahora vamos a buscar la siguiente linea y pegar todo el código restante a continuación de ella:
<div class='post-header'>
5. A continuación vamos a encerrar el código que pegamos recién en un divisor con estilos, para que quede mejor alineado con el texto:
<div style='float: right; padding:10px;'>
Código restante del botón Google más uno (+1)
</div>
En mi caso quedaría algo así:
<div style='float: right; padding:10px;'>
<!-- Agrega esta etiqueta donde quieras colocar el botón +1 -->
<g:plusone size="tall"></g:plusone></div>
6. En caso de que quieras que el botón se vea sólo en las páginas individuales del blog, debemos etiquetar el código que nos quedó del paso anterior nuevamente, pero ahora entre una condicional, que le dirá al blog que ejecute el código que está entre medio sólo en las páginas individuales:
<b:if cond='data:blog.pageType == "item"'>
Código del paso 5.
</b:if>
En mi caso el código quedaría algo así:
<b:if cond='data:blog.pageType == "item"'>
<div style='float: right; padding:10px;'>
<!-- Agrega esta etiqueta donde quieras colocar el botón +1 -->
<g:plusone size="tall"></g:plusone></div>
</b:if>
1. Vamos a Apariencia > Editor. Primero vamos a buscar el archivo header.php o similar y vamos a pegar antes de </head> el código que está antes de <!-- Agrega esta etiqueta donde quieras colocar el botón +1 -->, lo cual quedaría algo así:
<!-- Agrega esta etiqueta en la cabecera o delante de la etiqueta body. -->
<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
{lang: 'es-419'}
</script></head>
2. Guardamos los cambios y ahora vamos a seleccionar el archivo en donde se encuentran las páginas individuales, generalmente es algo como single.php.
3. En ese archivo vamos a buscar la parte que refiera a lo que es el contenido, en el caso de muchos es <?php the_content(); ?>, obviamente puede tener distintos atributos. Entonces vamos a pegar el código restante de lo que teníamos al comienzo justo antes de esa etiqueta:
<div style='float: right; padding:10px;'>
Código restante del botón Google más uno (+1)
</div>
Y obviamente sustituiremos lo que dice Código restante del botón Google más uno (+1) por el código restante, dejando algo como esto:
<div style='float: right; padding:10px;'>
<!-- Agrega esta etiqueta donde quieras colocar el botón +1 -->
<g:plusone size="tall"></g:plusone></div>
4. Ahora simplemente guardamos los cambios y listo.
Hay un plugin disponible para facilitar la instalación del botón de Google +1 en WordPress. Ese plugin se llama Google +1 Button, un nombre no tan complejo. Para instalarlo debemos hacer como con cualquier otro plugin, y luego tendremos muchas opciones, como cuando creamos el código desde la página del generador de Google +1.
Si quieren obtener más información sobre el botón Google +1: Botón de Google +1
Si tienen alguna duda sobre el botón: Preguntas frecuentes sobre el botón Google +1
