Como escrever um post sem digitar

Criar post sem digitar

Neste artigo vamos mostrar como escrever um post no computador sem precisar digitar. Isso é muito útil para nós blogueiros, pois agiliza a elaboração das postagens e ajuda a manter o raciocínio do que se pretende escrever.

Isto é possível graças ao Google Docs, um editor de texto online, que dispõe de um recurso chamado de Digitação por Voz. Este recurso também está disponível em vários aplicativos para celular que utilizam a tecnologia Google.

Atenção:

1. Este recurso só funciona corretamente no navegador Google Chrome.

2. É necessário que seu computador tenha um microfone acoplado

Acessando o Google Docs

Acesse o link: https://www.google.com/docs/about/

Clique no botão [Ir para o Documentos Google].

(Obs.: Caso você não esteja conectado no Google, deverá entrar com o e-mail e senha)

Clique na imagem [Em branco] para abrir um novo documento.

Usando o recurso Digitação por Voz

No menu superior clique em Ferramentas e selecione [Digitação por Voz…]

Clique no microfone para iniciar a digitação por voz.

Observe se o microfone está conectado ao computador. Clique em [Permitir].

Agora é só falar no microfone para que o aplicativo transforme sua voz em texto.

Você poderá corrigir, excluir palavras ou acrescentar pontuação durante a gravação.

Para parar a gravação, clique no botão com o microfone.

Para continuar o texto clique novamente no botão com o microfone.

Depois com o texto finalizado e corrigido é só copiar e colar no seu editor do blog. Você também pode salvar seu texto na nuvem do Google ou baixar no formato PDF ou texto.

Para saber mais, leia: Suporte Google

byALF

Continue lendo

Sem ideias para escrever no blog? Conheça 2 aplicativos que irão te ajudar a ter inspiração!

Inspirações para blogueiros

Nesta artigo vamos apresentar duas ferramentas que irão ajudar você a ter ideias para escrever um post ou criar títulos que incentivarão seus leitores a acessarem o seu blog.

A importância dos títulos no blog: O título é dos pontos chave para chamar atenção e atrais leitores sobre um conteúdo, ou ainda, para ficar bem posicionado nos mecanismos de buscas como google, yahoo e bing, através das escolha corretas de palavras-chave (SEO) que os usuários mais pesquisam.

1 - Máquina de títulos

O aplicativo Máquina de Títulos, gera ideias e títulos para o seu blog. Basta escrever três palavras chaves e o aplicativo irá gerar 7 sugestões que com certeza vão contribuir para incrementar o tráfego de visitas do seu blog.

Acesse o site:  Máquina de Títulos

Preencha as 3 palavras chave nos campos Termo 1, Termo 2 e Termo 3. No nosso exemplo vamos utilizar casa, cozinha e comida. Depois de preenchidos os termos, clique no botão [Quero ideias para meu blog].

Obs.: Os campos e-mail e site são opcionais.

Automaticamente serão geradas 7 ideias imediatas. Clique em [Tentar novamente] para gerar mais ideias.

2 - Gerador de Títulos de Blog

Semelhante ao aplicativo anterior, o Gerador de títulos é outra ferramenta gratuita para gerar ideias ou títulos de postagens para o seu blog.

Acesse o site:  Gerador de Títilos de Blog

Digite uma palavra chave e o seu e-mail (obrigatório). No nosso exemplo utilizamos a palavra casa. Depois de tudo digitado, clique no botão [Gerar Títulos].

O aplicativo irá gerar automaticamente 5 ideias para o seu blog.

Observações feitas pelos sites

Lembre-se: Estes não são algoritmos perfeitos e podem haver pequenos problemas estruturais nos títulos gerados. Mas fique à vontade para alterá-los e adaptar de acordo com o tema do seu blog!

Ideias de assuntos: Está em dúvida sobre quais palavras utilizar? Pense em como as pessoas descrevem o seu serviço. Quais os problemas que ele resolve? Quais palavras chave as pessoas buscam no Google?

byALF

Continue lendo

Como inserir vídeos no seu blog…

Inserir vídeo no blog

Neste artigo vamos mostrar como inserir players de vídeo diretamente em um blog de forma fácil, simples e sem precisar de nenhum tipo de plugin externo e nem do Youtube.

Video courtesy of Big Buck Bunny.

Seus vídeos poderão ser inseridos  diretamente no post através do editor HTML quando estiver escrevendo um artigo (leia: Como inserir códigos HTML nas postagens do Blogger e Como inserir códigos HTML nas postagens do Wordpress), ou no sidebar do blog (leia: Como instalar um Widget no seu Blog -(Blogger)  e Como inserir Widgets no Wordpress sem a instalação de plugins).

Usando HTML5

O HTML5 trouxe muitas facilidades para os desenvolvedores de sites e blogs. Uma delas é permitir a inserção de vídeo diretamente no nosso blog sem a necessidade de plugins externos, que muitas vezes causam problemas de compatibilidade com o browser ou com o sistema operacional utilizado.

A tag HTML5 utilizada para inserir vídeo funciona praticamente em todos os navegadores. Entretanto, existe um problema de compatibilidade com o formato do arquivo de vídeo utilizado. Veja a seguir uma tabela que mostra a compatibilidade dos formatos de vídeo com diferentes navegadores. 

Arquivos mp4, ogg e WebM

Neste tutorial vamos utilizar como exemplo vídeos no formato mp4 e ogg. Mas você também poderá utilizar a extensão WebM.

Atenção: O formato mp4 é suportado por todos navegadores modernos. Entretanto, o mesmo não acontece outros formatos. Veja a tabela abaixo:

Extensão	IE	FIREFOX	OPERA	CHROME	SAFARI
Ogg	não	sim	sim	sim	não
MP4	sim	sim	sim	sim	sim
WebM	não	sim	sim	sim	não

Se seus arquivos de vídeo estiverem em outros formatos, utilize  um programa conversor.

Hospedando arquivos de vídeo (mp4, ogg ou webM)

Para utilizarmos o display mostrado aqui, será necessário hospedar suas músicas em servidores na internet.

Se você possui um site hospedado, poderá enviar seus arquivos de áudio para o servidor via FTP (O que significa FTP e para que serve? – recomendo que utilize o software FileZilla).

Se você não possui um servidor ou não sabe com utilizar transferência via FTP, poderá deixar hospedado seus arquivos gratuitamente no Google Sites (leia: Usando o Google Sites como servidor de arquivos para blogs e sites), ou em qualquer outro aplicativo para armazenagem de arquivos em nuvem.

No nosso exemplo, hospedamos os arquivos no Google Sites…

https://sites.google.com/site/servidorvisualdicas/arquivos-mp4-ogg/mov_bbb.mp4

https://sites.google.com/site/servidorvisualdicas/arquivos-mp4-ogg/mov_bbb.ogg

Código display HTML5

Para você utilizar o display HTML5, basta copiar o código abaixo e colar no blog. Depois altere o que estiver em vermelho, colocando os links dos arquivos mp4g e/ou ogg.

<video width=”largura do vídeo” controls>
  <source src="SEU_ARQUIVO.ogg" type="video/ogg" />
  <source src="SEU_ARQUIVO.mp4" type="video/mp4" /> 
Seu navegador não suporta este vídeo
</video>

Observação 1: Você poderá optar apenas pelo link do arquivo MP4, que é compatível com todos os navegadores modernos. O uso de dois links pode ser útil para navegadores mais antigos.

Observação 2: Você poderá colocar colocar a largura do vídeo em pixels utilizando o atributo “width”. Se você omitir este atributo, o vídeo será inserido no tamanho original.

Observação 3: Você também poderá inserir a frase “Seu navegador não suporta este vídeo”, que deverá aparecer somente em navegadores não compatíveis com os formatos utilizados.

Veja como ficou o código do nosso exemplo:

<video width="530" controls>
   <source src="https://sites.google.com/site/servidorvisualdicas/arquivos-mp4-ogg/mov_bbb.mp4" type="video/mp4">
   <source src="https://sites.google.com/site/servidorvisualdicas/arquivos-mp4-ogg/mov_bbb.ogg" type="video/ogg">
   Seu navegador não suporta este vídeo.
< /video>

E abaixo o exemplo em ação:

Autoplay - Rodar o vídeo automaticamente

Se você desejar que o vídeo inicie automaticamente quando a página é carregada, basta acrescentar o atributo “autoplay”, ficando o código da seguinte forma:

<video controls autoplay>
  <source src="SEU_ARQUIVO.ogg" type="video/ogg" />
  <source src="SEU_ARQUIVO.mp3" type="video/mp4" /> 
Seu browser não suporta este vídeo
</video>

Agora é só substituir os textos em vermelho pelos arquivos mp4 e ogg hospedados na web. Assim, toda vez que o seu leitor rodar a página onde está inserido o código HTML, automaticamente irá iniciar o vídeo inserido. Tente você mesmo » (Squids Editor)

Leia também o artigo: Como inserir músicas (áudio) no seu blog…

byALF

Continue lendo

Como inserir um formulário de contato JotForm no Wordpress

Formulário de Contato JotForm

Já mostramos aqui no Visual Dicas como criar um formulário de contato gratuito a partir do aplicativo JotForm (leia: Como criar um formulário de contato gratuito para colocar no seu blog ou site.

Neste post vamos mostrar como inserir o formulário no Wordpress.

Colocando o JotForm no Wordpress

Neste post vamos mostrar como inserir o formulário no Wordpress. Siga as instruções abaixo:

1- Acesse o painel do Wordpress

Para entrar no painel do Wordrpress digite o endereço:

http://www.SEU SITE/wp-login.php

Entre com o seu nome de usuário (username) e senha (password). Clique em [Log in].

2) Crie uma página estática

Diferentemente das postagens, as páginas estáticas não possuem uma data de publicação e não permitem comentários. Elas são utilizadas para criar áreas que não precisam de interação com seu leitor, como o índice de artigos, página de contato e a página de informações sobre seu blog.

No menu lateral clique em [Paginas]. Depois clique em [Adicionar nova].

3) Adicione título e código JotForm

Em Digite o título aqui, insira o nome da página. No nosso exemplo vamos chamá-la de “Contato”.

Para acrescentar o código HTML do JotForm, clique no botão [Texto] do editor do Wordpress.

4) Copiando o código do JotForm

Acesse o aplicativo JotForm. Se não estiver conectado faça o login do site.

No formulário que você criou, clique em More. Depois selecione [Publicar].

Clique na aba [Incorporar].

Clique agora no botão [Copiar].

5) Colando o código HTML na página estática do Wordpress

Volte para o painel do Wordpress e em Texto cole o código que você copiou. Após o código copiado, clique em [Visualizar] para você verificar como vai ficar a sua página de contato.

Veja como ficou a visualização do nosso exemplo.

Volte para o painel do Wordpress e clique em [Publicar].

Pronto, a sua página de contatos está concluída.

6) Coloque a página no menu do Wordpress.

Se você tem um menu horizontal ou vertical, coloque sua página de contato como mais um elemento para seus usuários.

Para acrescentar a nova página de contatos no seu menu, clique em Aparência no menu lateral. Depois selecione [Menus]. Em Páginas, clique na aba Mais Recentes e selecione a nova página adicionada.

No nosso exemplo selecionamos “Contato”. Clique em [Salvar menu].

Observe que a sua nova página de contatos foi adicionada no menu.

Se desejar alterar a posição da página, basta arrastá-la para o local desejado.

Finalizado, clique no botão [Salvar].

Pronto, sua nova página de contatos está inserida no menu…

Para conferir nossa página de teste, clique em: Página de Testes Visual Dicas

byALF 

Leia também: Como inserir um formulário de contato JotForm no Blogger

Continue lendo

Como inserir um formulário de contato JotForm no Blogger

Formulário de Contato JotForm

Já mostramos aqui no Visual Dicas como criar um formulário de contato gratuito a partir do aplicativo JotForm: Como criar um formulário de contato gratuito para colocar no seu blog ou site.

Neste post vamos mostrar como inserir o formulário no site. Vamos usar como exemplo os 3 CMS mais utilizados no mercado, que são: o Blogger, o Wordpress e o Joomla.

Nesta primeira parte vamos mostrar como inserir formulário de Contato JotForm no Blogger. Nas próximas postagens mostraremos como colocar o JotForm no Wordpress e no Joomla.

Colocando o JotForm no Blogger

1) Crie uma página estática

Diferentemente das postagens, as páginas estáticas não possuem uma data de publicação e não permitem comentários. Elas são utilizadas para criar áreas que não precisam de interação com seu leitor, como o índice de artigos, página de contato e a página de informações sobre seu blog.

Acesse o site: Blogger 

Após fazer o login, entre no painel do blog onde será criada a página estática de contato. Selecione [Páginas] e clique no botão [Nova página].

Digite o nome da sua página, como “Contatos”, por exemplo. Depois clique no botão [HTML].

2) Copiando o código do JotForm

Acesse o aplicativo JotForm. Se não estiver conectado faça o login do site.

No formulário que você criou, clique em More. Depois selecione [Publicar].

Clique na aba [Incorporar].

Clique no botão [Copiar].

3) Colando o código na página estática do Blogger

Volte para o Blogger e em HTML cole o código que você copiou. Após o código copiado, clique em [ Visualizar] para você verificar como vai ficar a sua página de contato.

Veja como ficou a visualização do nosso exemplo.

Volte para o painel do Blogger e clique em [Publicar].

Pronto, a sua página de contatos está concluída.

4) Coloque a página no menu do Blogger.

Se você tem um menu horizontal ou vertical, coloque sua página de contato como mais um elemento para seus usuários.

Caso você não saiba como criar um menu, leia: Como criar um menu simples na nova interface do Blogger (2015).

Para acrescentar a nova página de contatos no seu menu, localize o Gadget Páginas.

Clique em [Editar].

Marque a caixa de seleção da sua nova página, que no nosso exemplo é Contatos.

Se desejar, arraste a página até uma nova posição no menu. No nosso exemplo vamos manter a página na última posição do menu.

Depois de tudo definido, não esqueça de clicar no botão [Salvar].

Pronto, sua nova página de contatos está inserida no menu…

Para conferir nossa página de teste, clique em: Página de Testes Visual Dicas

byALF

Continue lendo