Visual Dicas: + de 500 cursos GRÁTIS, corra e pegue o seu!

Publicidade:

Encontre no blog...

21/05/16

WhatsApp ganha versão oficial para download - Windows e Mac OS

WhatsApp ganha versão oficial para download - Windows e Mac OS - Visual Dicas

WhatsApp - versão oficial para desktop.

No artigo WhatsApp ganha versão para computador, apresentamos o WhatsApp Web, que é a extensão da sua conta do WhatsApp do celular para o computador, através de um navegador de internet (Google Chrome).

Na versão para download, lançada recentemente, você poderá agora baixar o aplicativo nos sistemas operacionais Windows 8 ou superior e Mac OS 10.9 ou superior. A vantagem é que o aplicativo roda diretamente no computador, sem precisar utilizar um navegador de internet, oferecendo notificações na área de trabalho e atalhos para o teclado.

WhatsApp ganha versão oficial para download - Windows e Mac OS - Visual Dicas

O aplicativo também permite administrar grupos, criar novas conversas, enviar, receber e salvar arquivos de texto e imagens, áudios e vídeos diretamente no seu computador, resolvendo o problema para quem tem plano pouco espaço no celular ou plano limitado para navegar.

Entretanto, a nova versão para desktop, assim como a versão WhatsApp Web, não são independentes. Todas mensagens que você envia e recebe serão sincronizadas entre o celular e o seu computador, podendo ser vistas em ambos dispositivos (PC e Smartphone). Tudo que você fizer no seu celular será feito também no WhatsApp Web e vice versa.

Atenção: o WhatsApp Web não é um outra conta do WhatsApp. Quando você usa o aplicativo no seu computador ou no celular, estará usando a mesma conta nos dois aparelhos.

Requisitos para usar o WhatsApp no computador (Windows)

  1. Sistema operacional do seu computador deve ser Windows 8 ou superior.
  2. Você precisa de uma conta WhatsApp ativa no seu aparelho celular.
  3. Você precisa de uma conexão boa e estável em ambos os dispositivos (celular e computador).

Baixando o aplicativo WhatsApp

Acesse o site: https://www.whatsapp.com/download/

Clique no botão [Baixe para Windows (xx-bit)] - será indicado automaticamente a versão do seu sistema operacional, 32 bit ou 64 bit.

WhatsApp ganha versão oficial para download - Windows e Mac OS - Visual Dicas

Faça o download.

WhatsApp ganha versão oficial para download - Windows e Mac OS - Visual Dicas

Abra o arquivo WhatsAppSetup.exe para instalar o aplicativo. Aguarde…

WhatsApp ganha versão oficial para download - Windows e Mac OS - Visual Dicas

Pronto, o aplicativo já  está instalado…

WhatsApp ganha versão oficial para download - Windows e Mac OS - Visual Dicas

Abra o WhatsApp no seu aparelho celular e vá para Menu > WhatsApp Web.

Escaneie o código QR no seu computador usando seu celular.

WhatsApp ganha versão oficial para download - Windows e Mac OS - Visual Dicas

Em seu celular, vá até WhatsApp Web para ver os Computadores Ativos ou para finalizar uma das sessões do WhatsApp Web.

NOTA Para reduzir o uso de pacote de internet no seu aparelho celular, recomendamos que conecte seu dispositivo à uma rede Wi-Fi.

Fonte: Suporte do WhatsApp

byALF

14/05/16

Como inserir fotos e imagens com links externos no blog

link-externo_318-10070

Imagens com links externos.

Conforme solicitado por nossa leitora, vamos apresentar neste artigo um tutorial de como inserir imagens no blog com links de redirecionamento externo, usando código HTML. Assim, quando o seu leitor clicar em uma imagem ou foto que possui  um link de redirecionamento, automaticamente ele será conduzido para a nova página que foi previamente endereçada. Para testar, clique na imagem abaixo:

Inserindo imagens no blog

Antes de inserir uma imagem no seu blog, você precisará primeiro armazenar o arquivo em um servidor de internet ou em um serviço de hospedagem específico.

Se você não possui um plano de hospedagem do seu blog ou site, poderá utilizar serviços disponíveis para hospedar arquivos online. Veja a seguir dois artigos que sugerem serviços gratuitos de hospedagem de arquivos de imagens.

Como hospedar imagens e gif animados gratuitamente

Usando o Google Sites como servidor de arquivos para blogs e sites

Código HTML para inserir imagem

Depois de hospedar suas imagens na internet, poderá utilizar o código HTML padrão para inserir uma imagem em qualquer página da web, sendo:

<img src=”endereço da imagem hospedada” style=”width:00px; height:00px;”>

onde: width = largura da imagem em pixel  | height = altura da imagem em pixel

Veja o código do nosso exemplo abaixo:

<img src="http://www.blogolista.com/images/gastronomia.jpg"  style="width:200px;">

Agora, veja o resultado do código acima:

Dicas:

1) Observe que definimos um valor para width (largura da imagem) mas não declaramos o valor de height (altura da imagem). Desta forma, a imagem obtida terá a largura definida pelo código HTML e a altura proporcional à imagem original que foi hospedada, ou vice e versa.

2) Se você ocultar a largura (width) e a altura (height) no código, obterá a imagem nas dimensões originais da imagem hospedada.

3) Cuidado quando definir as duas dimensões, width e height, que devem ser proporcionais evitando-se que a imagem fique deformada.

4) Se você hospedar a imagem no mesmo servidor onde está hospedado o seu site, poderá ocultar parte do endereço do link. Se a nossa imagem fosse inserida no mesmo site onde ela está hospedada, que é www.blogolista.com, poderíamos abreviar o o endereço do link para [src=”images/gastronomia.jpg”].

5) Antes de você inserir algum código ou script no blog, teste primeiro em algum editor HTML. Recomendamos o Squids Editor. Leia o nosso artigo:  Simulador gratuito para HTML, CSS e JavaScript – visualização em tempo real

Inserindo link externo na imagem

Bem, agora vamos acrescentar a parte do código HTML onde iremos inserir o link de redirecionamento. Você poderá utilizar o seguinte código padrão:

<a href=”endereço do link externo”><img src=”endereço da imagem hospedada” style=”width:00px; height:00px;”></a>

Veja a seguir o nosso código de exemplo:

<a href="http://www.blogolista.com/linklista" target="_blank"> <img src="http://www.blogolista.com/images/gastronomia.jpg"  style="width:200px;"></a>

Veja o resultado a seguir. Clique na imagem para gerar o redirecionamento automático do link externo http://www.blogolista.com/linklista :

Dicas:

1) Observe que adicionamos o atributo target=”_blank” que redireciona a página para uma nova guia do navegador. Para redirecionar a página para a mesma guia, use target=”_self”.

2) Antes de você inserir algum código ou script no blog, teste primeiro em algum editor HTML. Recomendamos o Squids Editor. Leia o nosso artigo:  Simulador gratuito para HTML, CSS e JavaScript – visualização em tempo real

Posicionando a imagem com link

a) Posição central --> acrescente a tag <div style=”text-align:center”>  </div>

Veja como fica o nosso código de exemplo:

<div style= "text-align:center"> <a href="http://www.blogolista.com/linklista" target="_blank"> <img src="http://www.blogolista.com/images/gastronomia.jpg"  style="width:200px;"></a></div>

Veja o resultado:

b) À direita --> acrescente a tag <div style=”text-align:right”>  </div>

Veja o nosso código de exemplo:

<div style= "text-align:right"> <a href="http://www.blogolista.com/linklista" target="_blank"> <img src="http://www.blogolista.com/images/gastronomia.jpg"  style="width:200px;"></a></div>

c) À esquerda (já posicionado por padrão) --> mas poderá acrescentar a tag <div style=”text-align:left”>  </div>

Veja o nosso código:

<div style= "text-align:left"> <a href="http://www.blogolista.com/linklista" target="_blank"> <img src="http://www.blogolista.com/images/gastronomia.jpg"  style="width:200px;"></a></div>

Veja o resultado:

Inserindo os códigos HTML no blog ou site

Se você não sabe como inserir códigos HTML no blog, leia:

Na lateral do blog

Como inserir Widgets no Wordpress sem a instalação de plugins
Como instalar um Widget no seu Blog -(Blogger)

Na postagem

Como inserir códigos HTML nas postagens do Wordpress
Como inserir códigos HTML nas postagens do Blogger

byALF

07/05/16

Como inserir link externo no menu do Wordpress

redirect

Criar links externos no menu (indispensável).

Escrito em 02/11/2012 | Atualizado em 07/05/2016

Uma das coisas que observei no Wordpress (wordpress.org) é a dificuldade para inserir links externos (URL’s) no menu principal. É claro, que dependendo do template utilizado em casos especiais, o sistema de menus pode ser diferenciado,tornando esta tarefa bem mais fácil. Mas em geral isto não acontece, que por padrão do Wordpress, os links do menu são gerados automaticamente e apontam sempre para as páginas internas do blog.

Como inserir link externo no menu do Wordpress - Visual Dicas

Mas então, como apontar um link externo no menu principal? Existem várias formas para mudar o redirecionamento do link do menu. Neste artigo vamos mostrar a forma mais fácil e rápida, onde mesmos os iniciantes no Wordpress poderão fazer isto sem nenhuma dificuldade…

ATENÇÃO: Este tutorial só é válido para quem usa o wordpress.org, ou seja, hospedado em um servidor contratado. Não é válido para quem usa o wordpress.com, versão que não precisa de domínio e hospedagem própria.

Criando um item do menu

Por padrão, o Wordpress adiciona automaticamente ao menu toda página criada. No nosso blog de teste http://visualdicas.com.br/byalf/, vamos criar o item Cursos no menu.

No painel de gerenciamento do blog (http://nomedoseublog/wp-admin), clique no menu lateral o [Adicionar Nova] em [Páginas].

No campo Adicionar Nova Página, digite o nome do item que será criado no menu. No nosso vamos criar o item Cursos.

Como inserir link externo no menu do Wordpress - Visual Dicas

Deixe a página em branco, ou seja, não digite mais nada nela. Clique no botão [Publicar].

Como inserir link externo no menu do Wordpress - Visual Dicas

Entre no seu blog, atualize-o (use F5) e observe que o novo item foi criado no menu…

Como inserir link externo no menu do Wordpress - Visual Dicas

Se você clicar no item, que no nosso exemplo seria Cursos, vai entrar automaticamente na página em branco que você criou, pois como já dissemos, o Wordpress aponta automaticamente para uma página interna do blog.

Para mudarmos o link para um URL externa, vamos utilizar o plugin Page Links To.

Instalando o plugin

  Acesse o site: http://wordpress.org/extend/plugins/page-links-to/

Clique no botão [Download Versão x.x] – sempre vai estar a versão mais atualizada aqui –

Como inserir link externo no menu do Wordpress - Visual Dicas

Clique em [download] para baixar o arquivo .zip do plugin (page-links-to.xx.zip).

Como inserir link externo no menu do Wordpress - Visual Dicas

Volte para o painel de gerenciamento do blog. No menu lateral, clique em [Adicionar Novo] em [Plugins].

Como inserir link externo no menu do Wordpress - Visual Dicas

Em Instalar plugins, acesse a guia [Fazer Upload].

Como inserir link externo no menu do Wordpress - Visual Dicas

Em [Selecionar arquivo], encontre o arquivo page-links-to.xx.zip que você fez o download.

Como inserir link externo no menu do Wordpress - Visual Dicas

Clique em [Abrir].

Como inserir link externo no menu do Wordpress - Visual Dicas

Clique no botão [Instalar agora].

Como inserir link externo no menu do Wordpress - Visual Dicas

Pronto, agora clique no link [Ativar plugin].

Como inserir link externo no menu do Wordpress - Visual Dicas

Usando o Page Links To

Ainda no painel de gerenciamento, vá até [Páginas] no menu lateral e clique em [Todas as Páginas]. Selecione passando o cursor do mouse sobre a página que você criou e clique em [Editar]. No nosso exemplo vamos selecionar a página Cursos

Como inserir link externo no menu do Wordpress - Visual Dicas

Em [Editar página]  role a tela….

Como inserir link externo no menu do Wordpress - Visual Dicas

… até encontrar o campo [A página aponta para].

Obs.: Se você não encontrar o campo A página aponta para, verifique se o plugin está ativado.

Como inserir link externo no menu do Wordpress - Visual Dicas

Campo A página aponta para (Page Links To)

Selecione [URL customizada].

Como inserir link externo no menu do Wordpress - Visual Dicas

Agora é só acrescentar a URL que se deseja direcionar o item do menu. No nosso exemplo vamos redirecionar o link Cursos para a URL http://visualrp.blogspot.com (que é o endereço do nosso blog de cursos online)

Como inserir link externo no menu do Wordpress - Visual Dicas

Observe que marquei a caixa de seleção [Abrir este link em uma nova aba do navegador], para abrir o link em uma nova janela ou aba do browser.

Depois de definir a URL para o redirecionamento, não esqueça de clicar no botão [Atualizar]

Como inserir link externo no menu do Wordpress - Visual Dicas

Observe que o Link Permanente foi alterado. No nosso exemplo ele foi alterado de http://visualdicas.com.br/byalf/?page_id=20 para http://visualrp.blogspot.com.

Como inserir link externo no menu do Wordpress - Visual Dicas

Como inserir link externo no menu do Wordpress - Visual Dicas

Agora vamos testar, volte ao blog, atualize-o e clique no link  do menu que alteramos…

Como inserir link externo no menu do Wordpress - Visual Dicas

Pronto.. Clicando em Cursos no menu principal vamos redirecionar a página  para uma URL externa que definimos com o plugin Page Links To. Veja abaixo o nosso exemplo onde redirecionamos para a URL do blog  Visual Dicas Cursos Online.

Como inserir link externo no menu do Wordpress - Visual Dicas

Faça isso para todas os itens do menu que você deseja redirecionar. E não esqueça, o redirecionamento pode ser para URL’s externas e internas também.. Bem legal!

Desativando o plugin

Para desativar o plugin, volte para o painel gerenciador do blog e clique em [Plugins] no menu lateral. Clique em [Instalados]. Depois localize o plugin, que no caso é Page Links To, e clique no link [Desativar].

Como inserir link externo no menu do Wordpress - Visual Dicas

Após desativado, todos os redirecionamentos serão anulados e os itens do menu alterado voltarão a abrir apenas suas páginas internas…


Veja também:

Como inserir uma lista de links relacionados no seu Wordpress

Como criar favicon (.ico) estático ou animado e colocar no seu blog ou site

Como divulgar seu blog com o botão +1 do Google

Como alterar o idioma do Wordpress para o Português

Como inserir Widgets no Wordpress sem a instalação de plugins

Blog Social – Ótimo para quem gosta de escrever mas não quer criar ou manter a rotina de um blog

Agora Live Spaces vira WordPress. Veja agora como migrar o seu blog…

Gostou do Post? Então espalhe!

Quem está curtindo...

Encontre no blog...

Gostou? Então espalhe!

Twitter Delicious Facebook Digg Stumbleupon Favorites More