vozMe

Adicione um botão no seu site

Plugin para Wordpress


vozMe.com - Wordpress
  1. Baixar vozme.zip (versão 1.5, 3 de março de 2008) ou vozme.tar.gz (versão 1.5, 3 de março de 2008).
  2. Extraia o arquivo compactado. Você receberá uma pasta chamada vozme.
  3. Enviar a pasta vozme para /wp-content/plugins/.
  4. Comece no Wordpress administração ferramenta > Plugins e clique no link "Ativar" dentro da plugin Vozme
  5. Acesso a "Opzioni> vozMe" e escolha o seu favorito opções.

Modelo para Blogger

Exemplo: usar um link de texto

Voz masculina | Voz femenina

  1. Acesso Modelos> Editar HTML.
  2. Marque a opção "Expand Widget Templates".
  3. Encontre a linha: <span class='post-icons'>
  4. Antes desta linha, inserir o código:
  5. Salve as mudanças.

Exemplo: usar uma imagem e um link de texto

Voz masculina | Voz femenina

  1. Acesso Modelos> Editar HTML.
  2. Marque a opção "Expand Widget Templates".
  3. Encontre a linha: <div class='post-footer'>.
  4. Antes desta linha, inserir o código:
  5. Salve as mudanças.

Permita que o usuário selecione o texto para ouvir

Voz masculina | Voz femenina

<script type="text/javascript" src="http://vozme.com/get_text.js"></script>

[...]

onclick="get_selection('pt','ml');"
                    

Exemplo: usando um botão de texto

Voz masculina | Voz femenina
Copie e cole este código:
<script type="text/javascript" src="http://vozme.com/get_text.js"></script>

<button 
 onclick="get_selection('pt','ml');">
Selecione um texto e<br/>clique aqui para ouvi-lo</button>
                        

Exemplo: usando um botão de imagem e texto

Voz masculina | Voz femenina
Copie e cole este código:
<script type="text/javascript" src="http://vozme.com/get_text.js"></script>

<button style="background:#eeeeee  
 url(http://vozme.com/img/paper_sound32x32.gif) 
 no-repeat left center; 
 min-height: 35px; 
 font-size:70%; padding:4px 4px 4px 35px;" 
 onclick="get_selection('pt','ml');">
Selecione um texto e<br/>clique aqui para ouvi-lo</button>
                        
Copie e cole este código:
<script type="text/javascript" src="http://vozme.com/get_text.js"></script>

<button style="background:white 
 url(http://vozme.com/img/paper_sound32x32.gif) 
 no-repeat left center; 
 min-height: 35px; 
 font-size:70%; padding:4px 4px 4px 35px;" 
 onclick="get_selection('pt','ml');">
Selecione um texto e<br/>clique aqui para ouvi-lo</button>
                        
Copie e cole este código:
<script type="text/javascript" src="http://vozme.com/get_text.js"></script>

<button style="background:#ddeeff 
 url(http://vozme.com/img/paper_sound32x32.gif) 
 no-repeat left center; 
 min-height: 35px; 
 font-size:70%; padding:4px 4px 4px 35px;" 
 onclick="get_selection('pt','ml');">
Selecione um texto e<br/>clique aqui para ouvi-lo</button>
                        

O usuário ouve um texto padrão

Voz masculina | Voz femenina


<script type="text/javascript" src="http://vozme.com/get_text.js"></script>

[...]

onclick="get_id('ESCREVA_AQUI_O_ID','pt','ml');"
                    

Exemplo: usar um link de texto

Voz masculina | Voz femenina
Há em Lisboa um pequeno número de restaurantes ou casas de pasto em que, sobre uma loja com feitio de taberna decente se ergue uma sobreloja com uma feição pesada e caseira de restaurante de vila sem comboios.

Código:

<div id="">
Há em Lisboa um pequeno número de restaurantes ou casas de pasto em que, sobre uma loja com feitio de taberna decente se ergue uma sobreloja com uma feição pesada e caseira de restaurante de vila sem comboios.

</div>

<script type="text/javascript" src="http://vozme.com/get_text.js"></script>
<a href="javascript:void(0);" 
onclick="get_id('','pt','ml');">
Ouça este texto</a>
                        

Exemplo: usar uma imagem e um link de texto

Voz masculina | Voz femenina
Há em Lisboa um pequeno número de restaurantes ou casas de pasto em que, sobre uma loja com feitio de taberna decente se ergue uma sobreloja com uma feição pesada e caseira de restaurante de vila sem comboios.

Código:

<div id="1">
Há em Lisboa um pequeno número de restaurantes ou casas de pasto em que, sobre uma loja com feitio de taberna decente se ergue uma sobreloja com uma feição pesada e caseira de restaurante de vila sem comboios.
</div>

<script type="text/javascript" src="http://vozme.com/get_text.js"></script>
<div><a href="javascript:void(0);" 
onclick="get_id('1','pt','ml');">
<img src="http://vozme.com/img/megaphone40x40w.gif" border="0" 
style="margin-right:0.4em;" alt=""/></a>
<a href="javascript:void(0);" 
onclick="get_id('1','pt','ml');">
Ouça este texto</a></div>
                        
 
Há em Lisboa um pequeno número de restaurantes ou casas de pasto em que, sobre uma loja com feitio de taberna decente se ergue uma sobreloja com uma feição pesada e caseira de restaurante de vila sem comboios.

Código:

<div id="1-1">
Há em Lisboa um pequeno número de restaurantes ou casas de pasto em que, sobre uma loja com feitio de taberna decente se ergue uma sobreloja com uma feição pesada e caseira de restaurante de vila sem comboios.
</div>

<script type="text/javascript" src="http://vozme.com/get_text.js"></script>
<div><a href="javascript:void(0);" 
onclick="get_id('1-1','pt','ml');">
<img src="http://vozme.com/img/paper_sound32x32.gif" border="0" 
style="margin-right:0.4em;" alt=""/></a>
<a href="javascript:void(0);" style="font-size:12px;" 
onclick="get_id('1-1','pt','ml');">
Ouça<br/>este texto</a></div>
                        

Exemplo: usando um botão de imagem e texto

Voz masculina | Voz femenina
Há em Lisboa um pequeno número de restaurantes ou casas de pasto em que, sobre uma loja com feitio de taberna decente se ergue uma sobreloja com uma feição pesada e caseira de restaurante de vila sem comboios.

Código:

<div id="2">
Há em Lisboa um pequeno número de restaurantes ou casas de pasto em que, sobre uma loja com feitio de taberna decente se ergue uma sobreloja com uma feição pesada e caseira de restaurante de vila sem comboios.
</div>

<script type="text/javascript" src="http://vozme.com/get_text.js"></script>
<button style="background-color:white; 
 background-image:
 url(http://vozme.com/img/megaphone40x40w.gif); 
 background-position: left center; 
 background-repeat:no-repeat; 
 height: 48px; font-size:70%; 
 padding:4px 4px 4px 44px;" 
 onclick="get_id('2','pt','ml');">
Ouça este texto</button>