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

Publicidade:

Encontre no blog...

24/08/14

Teste gratuito para saber se o seu blog ou site está contaminado com malware, vírus e scripts maliciosos

[Códigos Maliciosos (Malware)]

Testando o seu blog

Uma coisa importante que um blogueiro precisa fazer periodicamente é verificar a saúde do seu blog, pois não são apenas as pessoas que estão expostas a crimes virtuais. Sites, blogs e servidores são diariamente invadidos por hackers e programas maliciosos (leia a Cartilha de Segurança da Internet).

Muitos criminosos utilizam a invasão nos sites e blogs para obtenção de informações ou mesmo para a disseminação de spam, vírus ou scripts maliciosos.

Um blog contaminado pode causar muitos danos não apenas para os visitantes e leitores, mas também para o desempenho do seu blog. Serviços de buscas, como o Google principalmente, bloqueia a visita de leitores a partir do resultado em sites contaminados, causando queda no número de visitas por vários meses, mesmo após a descontaminação do site.

Portanto, antes de receber o alerta do Google, verifique o seu blog e servidor regurlarmente para descobrir possíveis invasões com antecedência. Neste artigo, vamos apresentar um opção muito simples para você fazer o teste sem precisar de qualquer  conhecimento técnico para isso.

Serviço de verificação de sites e blogs

Estamos falando do  Sucuri SiteCheck que é um serviço online gratuito que verifica se o seu blog está contaminado e se está na lista negra dos principais sites de segurança da internet: Google Safe Browsint, Norton, AVG, Sucuri, Phish Tank e McAfee Site Advisor, entre outros.

No serviço do Sucuri SiteCheck é verificado pelo menos 9 itens:

  1. Se seu domínio consta em blacklists de buscadores e entidades de segurança
  2. Se possui ou instala malwares
  3. Códigos javascripts ou outros scripts maliciosos
  4. iFrames maliciosos
  5. Downoad automáticos
  6. Redirecionamentos automáticos
  7. Se seu servidor é usado para espalhar SPAM
  8. Outras anomalias

Fazendo a verificação você poderá saber como está a segurança do seu blog. Vale lembrar que o escaneamento é gratuito, mas se o seu blog estiver contaminado o serviço poderá providenciar a solução do problema desde que você pague para isso, o que é bem caro por sinal (mas vale a pena pela qualidade do serviço prestado).

É claro que você também poderá eliminar a invasão de outras formas, mas o mais importante é que sabendo da contaminação você tome providências imediatas, deixando o seu blog offline e depois buscar ajuda através de outros aplicativos e serviços de segurança disponíveis.

Utilizando o Sucuri SiteCheck

Acesse o site:  http://sitecheck.sucuri.net

No campo Scan Website, digite o endereço do seu blog (não é preciso digitar http://).

Teste gratuíto para saber se o seu blog ou site está contaminado com malware, vírus ou scripts maliciosos - Visual Dicas

Clique no botão [scan website].

Teste gratuíto para saber se o seu blog ou site está contaminado com malware, vírus ou scripts maliciosos - Visual Dicas

Aguarde alguns instantes e veja o resultado a seguir.

Teste gratuíto para saber se o seu blog ou site está contaminado com malware, vírus ou scripts maliciosos - Visual Dicas

Clique na aba [Website Datails] para visualizar detalhes do blog. Nesta relatório é criada uma lista com todos os links presentes na página que foi verificada. Com isso é possível verificar se algum link oculto foi colocado indevidamente no seu site ou blog.

Teste gratuíto para saber se o seu blog ou site está contaminado com malware, vírus ou scripts maliciosos - Visual Dicas

Clique na aba [Blacklist Status] para visualizar como os serviços de segurança da internet enxergam o seu blog. (Se clean, indica que está tudo bem).

Teste gratuíto para saber se o seu blog ou site está contaminado com malware, vírus ou scripts maliciosos - Visual Dicas

Refazendo o escaneamento do site

Para refazer o escaneamento do URL na mesma hora, você precisará  limpar o cache do aplicativo. Para isso, volte na aba [SiteCheck Results] e abaixo do relatório, clique no link [Force a Re-scan].

Teste gratuíto para saber se o seu blog ou site está contaminado com malware, vírus ou scripts maliciosos - Visual Dicas

Fazendo o escaneamento de páginas do blog

Portanto, para se certificar que tudo está certo com suas páginas, faça um escaneamento agora mesmo do seu blog: página inicial e páginas que você desejar.

No exemplo abaixo, fizemos o escaneamento da página:

http://visualdicas.blogspot.com.br/2014/08/como-definir-metatags-diretamente-no.html

Teste gratuíto para saber se o seu blog ou site está contaminado com malware, vírus ou scripts maliciosos - Visual Dicas

byALF

17/08/14

Como definir metatags diretamente no Blogger

Como definir metatags diretamente no Blogger - Visual Dicas

Recurso “metatags” do Blogger

O Blogger possui um recurso bastante interessante que poucos blogueiros utilizam. É o “metatag description” que está disponível para ser definido tanto na página principal quanto  nos seus artigos sem a necessidade de programação.

Meta Tags são uma importante ferramenta de comunicação entre o seu blog e os sites busca. Utilizando-se essa tag, quando alguém encontra a sua página nos sites de busca, verá uma pequena descrição do seu blog ou de suas postagens. Resumos interessantes podem fazer com que mais pessoas acessem os seus links.

Entendendo o que é uma “metatag”

A “metatag” é um tipo especial de “tag”, utilizada em HTML (código para páginas web) para diversos fins. Muitos serviços de busca, como o Google e o Bing, por exemplo, utilizam “metatags” para obter informações sobre o conteúdo e descrição do seu site.

Para você visualizar as linhas de comando HTML, clique com o botão direito sobre o site desejado e selecione [Código-fonte]. Se preferir, digite as teclas [CTRL+U] para acessar o código fonte da página;

Como definir metatags diretamente no Blogger - Visual Dicas

Uma nova janela mostrará o seu código fonte. Observe  que ele é formado por uma grande quantidade de linhas. Grande parte dessas linhas começam com um símbolo “<” seguido de uma palavra. Essas são as “tags” do seu HTML.

Como definir metatags diretamente no Blogger - Visual Dicas

As linhas de “metatags” começam com “<meta” e como já dissemos, servem para passar instruções e informações aos programas e aplicativos externos, como sites de busca, por exemplo.

Veja abaixo algumas “metatags” que utilizamos para informar aos sites externos ( a descrição principal (description) e lista de palavras chaves (keywords) do nosso blog.

<meta content='Dicas de informática, Internet, Blogs, Software, Hardware, Tecnologia, Gestão Empresarial, Recursos Humanos e Desenvolvimento Pessoal e Profissional, Treinamentos e Cursos Profissionalizantes.' name='description'/>

A metatag “description” como mostramos acima, permite a criação de uma descrição do seu blog no Google ou em outros buscadores quando usuários encontram a sua página. Veja nosso exemplo abaixo:

Como definir metatags diretamente no Blogger - Visual Dicas

Definindo metatag “description” da página principal

Se você ainda não definiu ou quer alterar a descrição do seu blog para os sites de busca através do metatag description, mostraremos a seguir como fazer essa configuração sem que você precise editar o código HTML.

Definindo a descrição para a página principal do seu blog, você automaticamente irá ativar a opção descrição de pesquisa de postagem para todos os seus artigos.

Acesse o site: https://www.blogger.com

Clique no blog que você deseja definir ou alterar a “metatag’. No nosso exemplo vamos clicar em Visual Dicas: A sua fonte de informação!

Como definir metatags diretamente no Blogger - Visual Dicas

No menu lateral, clique em [Configurações].

Como definir metatags diretamente no Blogger - Visual Dicas

Mais abaixo, clique em [Preferências de pesquisa].

Como definir metatags diretamente no Blogger - Visual Dicas

No campo Metatags, clique em [Editar].

Como definir metatags diretamente no Blogger - Visual Dicas

Escolha a opção [Sim]. Observe que será aberta uma nova caixa onde você irá preencher com a descrição do seu blog. Depois, clique em [Salvar alterações].

Como definir metatags diretamente no Blogger - Visual Dicas

No nosso exemplo, fizemos uma alteração na descrição inicial…

Como definir metatags diretamente no Blogger - Visual Dicas

Observações importantes sobre a “Descrição” da página principal

1 - Embora o Blogger permita utilizar até 150 caracteres para descrever o seu blog, utilize no máximo 130 caracteres. Isso é o limite que o Google usa nos resultados de busca. Quando a descrição for maior que 130 caracteres, o excedente aparecerá com “”.

2- É normal demorar para que a nova descrição apareça corretamente no Google, ou outro site de busca. Isso pode demorar horas e até mesmo dias para se concretizar. Portanto, você terá que ter paciência para visualizar a sua nova configuração do “meta description” da página principal do seu blog.

Definindo metatag “description” para seus artigos

Para gerar descrições dos seus artigos nos sites de pesquisa é preciso ter uma metatag description para cada cada postagem publicada, como mostraremos a seguir:

Dentro do Blogger, clique em [Postagens] que aparece no menu lateral.

Como definir metatags diretamente no Blogger - Visual Dicas

Clique na postagem que você deseja definir a descrição. No nosso exemplo vamos clicar na postagem Música para todos (streaming de qualidade e gratuito).

Como definir metatags diretamente no Blogger - Visual Dicas

Na menu lateral, denominado Configurações de postagens, clique na opção [Descrição da pesquisa].

ATENÇÃO: Esta opção só aparecerá no editor do Blgger se você definiu a metatag para a página principal do blog, como mostramos anteriormente.

Como definir metatags diretamente no Blogger - Visual Dicas'

Descreva o artigo no campo que se abrirá. Ao terminar, clique em [Concluído].

Obs.: Siga as mesmas recomendações dadas anteriormente, ou seja, utilize no máximo 130 caracteres para descrever suas postagens. Aguarde alguns dias para que o Google concretize a descrição do seu artigo nos resultados de busca.

Como definir metatags diretamente no Blogger - Visual Dicas

Feita a descrição de pesquisa do artigo, clique [Visualizar] e depois em [Fechar] para voltar a sua lista de postagens (se você usa o Live Writer como editor), ou clique diretamente em [Atualizar] se você utiliza o Blogger como editor.

Atenção: Não é preciso clicar no botão Atualizar para concluir a metatag descrição de pesquisa, clicando em Visualizar e depois em Fechar.

Como definir metatags diretamente no Blogger - Visual Dicas

Como mostramos acima, faça a descrição para cada artigo do seu blog desejar. Recomendamos que comece a fazer descrições das postagens para todos os novos artigos que escrever, se beneficiando deste recurso importante.

Como saber se a “metatag description” está definida para o seu artigo

Abra a página do artigo que você fez a descrição. No nosso exemplo vamos abrir a página Música para todos (streaming de qualidade e gratuito).

Clique com o botão direito sobre a página e selecione [Exibir Código-fonte da página], ou digite as teclas [CTRL+U] para acessar o código fonte da página.

Como definir metatags diretamente no Blogger - Visual Dicas

No código procure o trecho <meta content=”descrição”> que contenha a descrição definida por você. Observe na figura abaixo que a descrição é igual ao que colocamos na definição de pesquisa do artigo.

Desta forma, as definições de “metatag description” estão funcionando no template do seu blog.

Como definir metatags diretamente no Blogger - Visual Dicas

Agora é só esperar para que os resultados comecem aparecer nos sites de pesquisa. Bom trabalho!

byALF

10/08/14

Música para todos (streaming de qualidade e gratuito)

Spotify, música para todos - Visual Dicas

Serviços de músicas por Streaming

Nos artigos Música digital em nuvem: baixar músicas será coisa do passado…Widget para inserir músicas em blogs ou sites falamos de vários serviços de “streaming” para músicas como o Last.fm, Sonora, Wearehunted, The Hype Machine, Rádio Uol e o excelente Grooveshark.

Streaming é a transmissão online de dados multimídia (imagens, vídeo e áudio), onde o usuário pode ouvir uma música ou assistir um vídeo sem precisar baixar os arquivos. (O Youtube, por exemplo, utiliza o sistema de transmissão streaming).

Neste artigo vamos falar um pouco sobre o famosíssimo Spotify que estreou recentemente aqui no Brasil após uma longa espera.

O serviço de streaming Spotify possui um grandioso arquivo de 30 milhões de músicas (que aumenta em média 20 mil faixas novas por dia), suporte em português e ferramentas playlists para celular, tablet e computador.

spotify

Caso você não quiser gastar, o Spotify possui um plano Free que dá acesso a todo acervo do serviço com veiculação de publicidade e algumas limitações. Neste plano não é permitido baixar músicas.

Mas se você está disposto a gastar um pouquinho, apenas R$ 14,90 mensais (U$ 5,99), poderá baixar músicas em ótima qualidade e ouvir qualquer música sem anúncios no plano Premium.

Spotify, música para todos - Visual Dicas

A seguir vamos mostrar como acessar o serviço Free do Spotify para você se divertir muito….

Acessando o Spotify

Acesse o site: https://www.spotify.com/br/

Spotify, música para todos - Visual Dicas

Clique no botão [Baixe o Spotify].

Spotify, música para todos - Visual Dicas

Para utilizar o Spotify é necessário se inscrever no site. Se inscreva através do Facebook ou com o seu endereço de e-mail.

Não esqueça de ler e marcar as 2 caixas de seleção Termos e Condições do Spotify e Política de privacidade.

No nosso exemplo vamos fazer a inscrição com o endereço de e-mail.

Spotify, música para todos - Visual Dicas

Preencha os campos e clique no botão [Inscrever-se].

Spotify, música para todos - Visual Dicas

Aguarde alguns instantes. Clique no botão [Download]

Spotify, música para todos - Visual Dicas

Obs.:Caso o a caixa do download não aparecer, clique no link [reiniciar o download].

Spotify, música para todos - Visual Dicas

Após concluído o download, clique no link SpotifySetup.exe para a instalação.

Spotify, música para todos - Visual Dicas

Aguarde alguns instantes até completar a instalação.

Spotify, música para todos - Visual Dicas

Finalizado, abra o programa instalado. Clique no ícone do Spotify.

Spotify, música para todos - Visual Dicas

Entre com o nome do usuário e a senha, ou entre com o Facebook e clique em [Entrar].

Spotify, música para todos - Visual Dicas

Se você estiver usando o Windows, clique em [Permitir acesso].

Spotify, música para todos - Visual Dicas

Usando o Spotify

Clique em [Começar] ou apenas feche a janela.

Spotify, música para todos - Visual Dicas

Para encontrar músicas ou artista, digite no campo buscar. Selecione a Faixa ou Álbum desejado.

Spotify, música para todos - Visual Dicas

Selecione [Play]. Clique em [Salvar] para armazenar suas músicas na caixa Músicas.

Spotify, música para todos - Visual Dicas

Utilize as barras que aparecem no fim da página. (Pausa, avanço, retrocesso, altura do som, etc…)

Spotify, música para todos - Visual Dicas

Para acessar suas músicas salvas, clique em [Músicas] na lateral da página.

Spotify, música para todos - Visual Dicas

Clique na música desejada para ouvir.

Spotify, música para todos - Visual Dicas

Agora é só se divertir!  Você irá conhecendo todos os recursos do aplicativo na medida que for utilizando-o. Infelizmente, não dá para mostrar todos os recursos do Spotify em um só artigo…

Para passar para o plano Premium e poder baixar arquivos de músicas, clique em [Fazer upgrade] que aparece no canto direito superior da tela.

Spotify, música para todos - Visual Dicas

byALF

06/08/14

Hospedar arquivos flash (SWF) de graça!

Adobe_Flash_Logo

Utilizando o Google Sites como servidor

Atualmente existem poucos servidores que aceitam hospedar arquivos flash (swf). Isso acontece porque muitos programadores utilizavam esses serviços para fins mal intencionados.

Após muita procura, não encontramos nenhum site que permita a hospedagem gratuita de arquivos swf de forma que se possa obter o seu link direto.

Mas para a nossa surpresa, verificamos que é possível hospedar e acessar links diretos de arquivos swf utilizando o serviço gratuito Google Sites. Para acessá-lo basta ter uma conta no Google (Blogger, Gmail, Google Plus, etc). Você poderá armazenar gratuitamente até 100 Mb por site (Armazenamento Google Sites).

Dica 1: Neste artigo mostraremos como usar o Google Sites apenas para hospedagem de arquivos. Se desejar criar um site completo e gratuito utilizando o Google Sites, leia: Como fazer um site de maneira rápida, fácil e gratuita

Dica 2: Se você possui um domínio próprio, poderá hospedar os arquivos Flash nos seus servidores (através de FTP). No entanto, este procedimento poderá aumentar muito o consumo de tráfego na sua conta.

Criando nosso site “servidor”

Acesse o site: Google Sites

Se você não estiver logado no Google, entre com o seu E-mail e Senha e clique em [Fazer login].

image

Clique no botão [Criar]. No nosso exemplo vamos criar um site apenas para atuar como um servidor de arquivos.

image

Defina o modelo (para o nosso servidor, escolhemos Modelo em branco). Atribua um nome para o seu site (escolhemos servidorvisualdicas), o nome deverá ser inédito. Se desejar defina um tema para o site em Selecionar tema e digite o código de segurança.

Depois de definidos todos parâmetros clique no botão [Criar].

Obs.: Se desejar utilizar o Google Sites para criar um site bem bacana, leia Como fazer um site de maneira rápida, fácil e gratuita.

image

Aguarde alguns instantes e você terá acesso ao seu novo site.

image

No menu superior, clique no botão para criar uma nova página (ou digite apenas a tecla de atalho “C”).

image

De um nome para a página e clique no botão [Criar]. No nosso exemplo chamamos a página de “Arquivos Flash”.

image

Clique em [Salvar] para criar a página.

image

Pronto, agora você poderá adicionar seus arquivos. Clique em [Adicionar arquivos].

image

Selecione o arquivo swf desejado no seu computador. No nosso exemplo escolhemos o arquivo em flash: visualdicas_cursos.swf

Obs.: Você poderá enviar qualquer tipo de arquivo para o seu site servidor.

image

Aguarde alguns instantes e pronto. Seu arquivo já está hospedado.

image

Clique no link com o nome do arquivo para visualizar a animação.

Para fazer o download do arquivo clique na seta para baixo.

Para deletar o arquivo, clique em [ X ].

image

Obtendo o link direto do arquivo swf

Como já comentamos, para utilizar os arquivos swf em site ou blogs para apresentação das animações, é necessário ter acesso ao link direto do arquivo hospedado.

Para se obter o link direto no site servidor que criamos, basta clicar com o botão direito do mouse sobre o link do arquivo swf e selecionar [Copiar link].

image

Para tornar o link copiado em link funcional, retire o atributo “?attredirects=0

https://sites.google.com/site/nomedosite/nomedapagina/flash.swf?attredirects=0

No nosso exemplo o link copiado ficou:

https://sites.google.com/site/servidorvisualdicas/arquivos-flash-1/visualdicas_cursos.swf?attredirects=0

Retiramos o atributo “?attredirects=0” e o link direto ficará:

https://sites.google.com/site/servidorvisualdicas/arquivos-flash-1/visualdicas_cursos.swf

 

Colocando a animação flash no site ou blog

Com o arquivo swf armazenado e disponível em forma de link direto, agora é só colocar o URL no código HTML padrão abaixo:

Código padrão:

<object  width="Largura do objeto"  height="Altura do objeto" >

        <param name="movie" value="URL da Animação" />

        <param name="quality" value="high" />

<embed src="URL da Animação" quality="high"  width="Largura do objeto" height="Altura do objeto">

</embed>

</object>

Substitua os valores descritos em laranja, sendo:

Largura e Altura do objeto – coloque os valores em pixels

No nosso exemplo: width=”468” height=”60

URL da Animação – coloque o link direto do local onde você hospedou seu arquivo .swf (animação).

No nosso exemplo utilizamos o URL (link direto):

https://sites.google.com/site/servidorvisualdicas/arquivos-flash-1/visualdicas_cursos.swf

Agora é só colar o código HTML no seu blog (nas postagens, usando o editor html, ou nos gadgets no sidebar do blog) – Leia os artigos:

Como instalar um Widget no seu Blog -(Blogger)

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

Como inserir códigos HTML nas postagens do Blogger

Como inserir códigos HTML nas postagens do Wordpress

Veja agora como ficou a nossa animação em flash:

byALF

Gostou do Post? Então espalhe!

Artigos recentes

Quem está curtindo...

Encontre no blog...

Gostou? Então espalhe!

Twitter Delicious Facebook Digg Stumbleupon Favorites More