26 febrero 2010

VozMe: Añade un lector de texto online en wordpress y blogger

 


La verdad es que ya habia pensado en esto desde hace mucho tiempo y desde hace mucho tiempo ando buscando la forma de de añadir un lector de entradas en cada pagina individual, hasta que me tope con VozMe, una maravillosa herramientas que permite colocar tanto una voz femenina o masculina que lea las entradas de tu blog, obviamente para que los lectores tengan mas comodidad, y tambien te permite escucharlo online o descargarlo en formato MP3.

Primero, comenzare con el plugin para instalarlo en Wordpress




[1] Descargar VozMe.zip o VozMe.tar.gz
[2] Extrae el archivo comprimido hasta obtener una carpeta llamada VozMe.
[3] Sube la carpeta VozMe a /wp-content/plugins/.
[4] Entra a la seccion plugins de la herramientas de administracion de wordpress y haz click en activar en el plugin de VozMe
[5] Ve hasta "Opciones > VozMe" y selecciona las opciones de tu preferencia.





Ahora si, seguimos con las distintas formas de usos para Blogger

Mediante un enlace de Texto.


[1] Accede a la Edicion HTML del blog al que deseas agregar la aplicacion.

[2] Marca la casilla "Expandir plantillas de artilugios".

[3] Usando Ctrl F busca el siguiente codigo: <span class='post-icons'>

[4] Justo antes de ese codigo pega el siguiente y guarda los cambios.


<script src='http://vozme.com/get_text.js' type='text/javascript'/><a expr:onclick='"get_blogger(\"" + data:post.id + "\",\"es\",\"ml\");"' href='javascript:void(0);' style='margin-left:1.5em;'>((&#8226;)) Escucha este post</a>




De seguro te habras dado cuenta de lo marcado en rojo del codigo:
m1, eso quiere decir que la voz que se usara es masculina, para sustituirla por la femenina quita lo rojo y coloca fm. Asi haras con todos los demas codigos que me faltan por mostrarte.


Ahora, para colocar una imagen debajo del pie de pagina de cada pagina.


[1] Accede a la Edicion HTML del blog al que deseas agregar la aplicacion.

[2] Marca la casilla "Expandir plantillas de artilugios".

[3] Usando Ctrl F busca el siguiente codigo: <div class='post-footer'>.

[4] Justo antes de ese codigo pega el siguiente y guarda los cambios.


<div id='voice'>
<script src='http://vozme.com/get_text.js' type='text/javascript'/> <a expr:onclick='"get_blogger(\"" + data:post.id + "\",\"es\",\"ml\");"' href='javascript:void(0);'><img src='http://vozme.com/img/paper_sound32x32.gif' align='left' alt='' border='0' style='margin-right:0.4em;'/></a>
<a expr:onclick='"get_blogger(\"" + data:post.id + "\",\"es\",\"ml\");"' href='javascript:void(0);' style='font-size:10px;'>Escucha<br/>este post</a>
</div>






Para ver mas formas de como colocar esto en tu blog haz click aqui.

Enlaces para compartir en tu blog o pagina web.




Widget por Friki Bloggeo