ROLOU NO ENTENDA WEB

Publicações recentes

Como a internet passa de um continente para o outro?

- quinta-feira, 18 de outubro de 2012 Nenhum comentário

Que satélites que nada. No planeta Terra, a internet viaja mesmo é por gigantescos cabos submarinos.


Quando você está se matando em uma partida deathmatch contra um clã russo de Combat Arms e, em um momento decisivo da partida, aquele pequeno lag acaba atrapalhando a sua vitória, você já sabe qual deve ser o próximo passo: xingar, gritar e praguejar loucamente contra o mundo da internet e essa maldita conexão.

Contudo, às vezes também é bom pensarmos em como a união entre os mundos real e virtual é incrível. Sim, pois é graças às enormes estruturas de comunicação criadas mundo afora que você consegue disputar essas partidas, conversar com seus amigos no Japão ou negociar produtos com aquela empresa norte-americana.
E, ao contrário do que muita gente imagina, as informações da internet não são transmitidas somente por satélites que orbitam a Terra, mas por uma gigantesca rede de backbones submarinos que cruza os oceanos de nosso planeta.

Leia a matéria completa em Tecmundo

Melhore as visitas no seu blog com o widget LinkWithin

- quarta-feira, 5 de setembro de 2012 6 Comentários
Que tal se em cada artigo do seu blog tivesse links para outros?

Isso é possível com LinkWithin, um widget blog que aparece em cada post, com links para notícias relacionadas a partir do seu arquivo do blog.

O LinkWithin recupera todos os seus artigos de seu blog e não apenas os mais recentes, tornando-os acessíveis a leitores novos ou casuais de seu blog.

Esta ferramenta é interessante para manter os leitores por mais tempo em seu blog, aumentando o tráfego, o que, por outro lado, significa uma possibilidade de aumentar a sua taxa de conversão, consequentemente, melhorando sua rentabilização.

O LinkWithin tem um design discreto que combina facilmente com o do seu blog, e o que é melhor: é gratuito e fácil de instalar, em um ou dois minutos você já deixa ele instalado e funcionando, sem necessidade de registro.

Uma utilidade interessante para o LinkWithin é substituir o gadget de "Postagens populares" do google, deixando até seu layout mais limpo.

Vamos ver agora como instalar o LinkWithin no seu blog de forma bem simples:

Comece clicando aqui para acessar o site do LinkWithin.

Preencha os campos que aparece no formulário.

  • Email: Digite um e-mail válido.
  • Blog link: Preencha com o URL do seu blog, por exemplo, http://seublog.blogspot.com.br.
  • Platform: Selecione a plataforma desejada, no caso do Entenda Web, o Blogger.
  • Width: Escolha quantos quadros de links você deseja que apareça no sue blog.
  • Se o seu blog tem o texto claro com o background escuro marque a opção "My blog has light texto n a dark background" (meu blog tem texto claro e um background escuro).
  • Clique agora em Get Widget.
Será aberta uma página auto-explicativa, mas como está em inglês continuarei este artigo explicando como instalar no blog. Então vamos à instalação:

  • Clique em "Install Widget". Irá abrir uma nova janela, e siga os passos abaixo nessa janela. Entre na sua conta do Blogger, se necessário.
  • Selecione um blog se você tiver mais de um.
  • Digite o título que você quer que apareça. Utilizei "Veja mais no Entenda".
  • Clique em "Adicionar widget".
Você será levado para a página de configuração de layout do seu blog, poderá ser necessário fazer o login.

O widget do LinkWithin já aparecerá automaticamente em algum local do layout, no caso do Entenda Web ele aparece na barra lateral direita. O nome do widget será o título que você digitou anteriormente.


É aconselhável, para melhor desempenho, arrastar o widget para baixo da parte "Postagens no blog".


4. Clique em Salvar .

Pronto, LinkWithin já se encontra funcionando no seu blog.



Como retirar definitivamente o Text Enhance do seu computador

- domingo, 2 de setembro de 2012 2 Comentários

De algum tempo pra cá percebi que alguns links dos meus blogs apareciam sublinhados, em forma de link, e em qualquer clique aparecia uma janela de publicidade do "Text Enhance", do qual não instalei nada com este nome e também não afiliei meus blogs.
Pesquisando na internet percebi que não é somente comigo, há uma reclamação geral. Depois de muitas pesquisas resolvi postar este artigo para que todos se livrem definitivamente desta praga virtual. Vamos lá então:

Acesse este link http://www.textsrv.com/optout.php. Na página que abriu marque a opção "Yes, I would like to opt-out of text-enhance.com advertisements*", digite as duas palavras e clique em submit.
Somente esta ação retira o "Text Enhance", mas é uma solução temporária, pois como o serviço é baseada em cookies significa que se você limpar os cookies, ou usar algum software para "acelerar o seu computador", que limpa os cookies para você, o "Text Enhance" vai aparecer novamente.

Aqui vai a dica para exterminar de vez esta praga:

Você deverá bloquear cookies dos domínios textsrv.com e text-enhance.com no seu navegador. Veja como:


Internet Explorer
Vá em Ferramentas e selecione Opções da Internet.
Clique na guia Privacidade  e clique em Sites.
Na próxima tela digite textsrv.com e clique em bloquear. Depois digite text-enhance.com.
Salve as alterações.

Mozilla Firefox
Menu Ferramentas, selecione Opções.
Clique em Privacidade.
Na guia cookies, clique em Exceções, digite enhance.com no campo de endereço do site e depois em Desativar. Faço o mesmo para text-enhance.com.

Google Chrome
Clique no ícone da chave inglesa no canto superior direito e depois em Configurações.
No final de página clique em Mostrar configurações avançadas...
Procure a opção Privacidade e clique no botão Configurações de conteúdo.
Em Cookies, clique em Gerenciar Exceções.
No campo de texto digite textsrv.com e selecione a opção Bloquear. Faça o mesmo para text-enhance.com.

Além dessas medidas é interessante que você olhe no Painel de controle do Windows se há algum aplicativo estranho instalado, como por exemplo o Complitly e o desisntale. Este mesmo aplicativo pode aparecer com plugin ou extensão em seu navegador. Se tiver retire-o.

Depois de ter feito isso, o Text-enhance irá desaparecer, mas por precaução sugiro continuar com os passos abaixo:


Remova os arquivos temporários do seu PC com o CCleaner (recomendado) ou outro programa de sua preferência. Faça uma limpeza geral no seu computador.

Faça uma limpeza no registro do Windows com o programa MVRegclean de Marcos Velasco, que além de ser gratuito, é muito eficiente.

Procure remover programas suspeitos do computador e evite entrar em sites suspeitos.

Baixe, instale e atualize o Spybot – Search & Destroy. Como estamos lidando com um Adware, nada melhor do que um programa especializado para essa função.

Feche o programa e reinicie o seu computador.

Pronto. Espero que você também tenha se livrado desta praga, assim como eu. Se conseguiu compartilhe.


Três formas para implantar formulário de contato em seu Blog ou site

- Nenhum comentário
Hoje o Entenda trará para vocês uma ferramenta importante para o seu blog, pois dará uma cara mais profissional e também facilitará o contato de seus leitores com os editores do seu blog. Vamos lá então.

Buscando na internet por formas e serviços para criação de formulários de contato para blogs, encontrei o formfácil. Serviço em português que permite criar um formulário e aplicá-lo em seu blog.

Inicialmente acesse o site do formfácil e cadastre-se no serviço. Depois deverá seguir passos fáceis para criação do seu formulário. Há um menu à esquerda onde você poderá escolher os campos que deseja em seu formulário.

Após salvar o seu formulário será aberta uma tela no centro com os formulários que você já fez. Basta clicar no que deseja para selecionar e depois em "Publicar". Pronto, copie o código e cole em uma página nova do seu blog, ou em outro local que desejar.

O ponto chato do formfácil é que você recebe em seu e-mail apenas a informação de que alguém entrou em contato, sendo possível apenas a visualização do conteúdo da mensagens nos relatórios do próprio formfácil, sendo necessário acessar novamente o sistema.

Outra ferramenta interessante é o Jotform, mais completo e com a vantagem de receber as mensagens em seu e-mail, mas com uma desvantagem ao formfácil: na versão gratuita somente permite 100 contatos mensais.

A interface do Jotform é um pouco mais complexa, mas permite a criação de formulário de contato com mais opções. É possível, por exemplo, colocar uma lista suspensa com as opções "dúvidas", "pré-venda" e "pós-venda" e direcionar cada um para um e-mail diferente.

O Jotform também permite uma personalização maior do formulário e os contatos você recebe diretamente em seu e-mail.

Quem tiver conta no google, pode também utilizar do Google Docs para criar um formulário. Acesse http://google.com/docs e no botão "CRIAR" à esquerda escolha a opção formulário. Basta então fazer a configuração do formulário. Para adicionar itens, tem um botão próprio na parte superior esquerda.

Mas então vem uma falha do Google: você não receberá em sua conta, um e-mail, sobre o contato. Deverá ter que sempre acessar o Google Docs.

Agora resta vocês escolherem dentre estas três opções qual melhor se encaixa na necessidade de seu blog, ou site.

Como retirar a Navbar do seu blog sem uso de códigos

- quinta-feira, 23 de agosto de 2012 Nenhum comentário
A Navbar (Barra de navegação) é uma ferramenta nativa do blogger, através dela é possível fazer login, postar um novo artigo e até denunciar abusos.

Apesar de algumas facilidades que a Navbar dispõe, ela também pode prejudicar o design do Blog, e permitir que pessoas façam denúncias indevidas do seu blog, por isso algumas pessoas preferem tirar a Navbar.

A equipe do Blogger vem trabalhando constantemente em melhoria da plataforma, e a retirada da Navbar através da configuração do layout foi uma boa notícia, uma vez que até bem pouco tempo atrás somente era possível através de códigos. Então vamos lá, está muito fácil fazer isso agora, Acompanhe o vídeo e retire facilmente a Navbar.


Inserindo conteúdos nos títulos e rodapé dos seus artigos

- domingo, 12 de agosto de 2012 6 Comentários
Um dos desejos de todo blogueiro é manter o seu leitor por mais tempo em seu blog. Esta permanência pode gerar, inclusive, mais receita, por isto é interessante que o blogueiro conheça mais da estrutura do blog, pois não é somente as barras laterais que devem chamar a atenção dos visitantes, outras partes do blog podem ser, também, interessantes para colocar publicidade.

Pensando nisso o Entenda Web está trazendo este tutorial, para que você possa personalizar melhor seu blog tornando-o mais interessante para quem lê e chamativo para os anúncios dos artigos. Neste post apresentarei tags do código-fonte do blogger para você conhecer e utilizar com maior eficiência os recursos da ferramenta, inserindo conteúdos após os títulos e no rodapé dos artigos.

Você poderá utilizar estes recursos de várias formas, mas recomendo que adicione elementos permanentes e que apareçam nos artigos de uma mesma forma. Pode incluir publicidade, link para assinatura no blog, etc. Seja criativo, mas lembre-se de ter o cuidado para não sujar o layout do seu blog e torná-lo desinteressante para o leitor.

O Entenda Web aconselha que você faça o backup do seu template antes de qualquer modificação no código-fonte do seu blog, pois caso algo dê errado, poderá recuperar o seu trabalho. Aconselho, também, que você tenha um blog para teste, assim pode testar as modificações nele e somente depois que tiver a segurança de que tudo está funcionando aplicar no original.

Para alteração no template acesse a área de gerencimento do seu blog e vá no menu Modelo / Editar HTML / Prosseguir e marque a opção "Expandir modelos de widgets". Depois é só tentar localizar qualquer uma das tags abaixo.

Vamos então conhecer algumas dessas tags:

<div class='post-header-line-1'/>
Esta tag permite que você insira conteúdo logo abaixo da linha de título dos seus artigos. Você pode inserir qualquer conteúdo como textos, imagens, anúncios do adsense ou de outros programas de afiliados.

<div class='post-footer'>
Para por conteúdo no rodapé dos seus artigos, procure por esta tag. Mas é preciso saber que o rodapé dos artigos são compostos, basicamente, por três linhas, por isso é indicado que faça testes para conferir se o conteúdo foi colocado no local desejado.

Após encontrar a tag acima você deverá procurar outras tags, que se encontram mais abaixo desta, mas não juntas, por isso deverá procurar uma a uma. Procure então as linhas abaixo:

<div class='post-footer-line post-footer-line-1'>
<div class='post-footer-line post-footer-line-2'>
<div class='post-footer-line post-footer-line-3'>

Dependendo do seu template estas linhas podem ser encontradas com uma sintaxe diferente, veja abaixo:

<p class='post-footer-line post-footer-line-1'/>
<p class='post-footer-line post-footer-line-2'/>
<p class='post-footer-line post-footer-line-3'/>

Percebemos então que o rodapé dos artigos em seu blog é dividido em três partes diferentes, por isto a necessidade de realização dos testes, para ter certeza de que inseriu algo da forma desejada.

Macete

Qualquer conteúdo que você insira abaixo do título ou no rodapé irá aparecerá também na página principal do seu blog. Imagine como ficará carregado o seu layout se colocar, por exemplo, um bloco de anúncio do adsense após o título do artigo. Todos os artigos terão um bloco deste.

Para resolver esta questão, e o conteúdo somente aparecer na abertura dos artigos o Entenda Web traz um macete muito fácil e simples, basta inserir no código uma condição, e como fazemos isso? Vamos ver logo abaixo:

Você deverá inicialmente localizar as tags de título ou rodapé, conforme mostrado acima, e digitar a linha de condição abaixo:

<b:if cond='data:blog.pageType == &quot;item&quot;'> 

Aqui você digitará o que deseja inserir (texto, imagem, publicidade, etc.). Depois é só fechar a condição, conforme instrução abaixo:

</b:if>

Feito isto o conteúdo que você deseja somente aparecerá após a abertura do artigo, e não na sua página principal.

Faça alguns testes e perceba a diferença, veja como os conteúdos aparecem até que você chegue na situação ideal desejada, personalizando, assim, o seu blog.


Acompanhou passo a passo? Testou? Deu certo?

Então compartilhe.

Como moderar os comentários do Facebook em seu blog

- terça-feira, 3 de julho de 2012 22 Comentários
No último post, expliquei como colocar comentários do Facebook no Blog de uma forma fácil e direta. Alguns podem querer uma funcionalidade a mais nesta ferramenta: moderar os comentários.

Como qualquer outro sistema de comentários, o Comment do Facebook permite esta moderação, vamos logo então ao que interessa.

Dentro da TAG <head> cole o código abaixo:

<meta property='fb:admins' content='TEU ID DO FACEBOOK' />
<meta property='fb:app_id' content='ID APP' />

Substitua os dados em maiúsculo (destaque), pelo seu id do Facebook e depois pelo id do teu app.

Agora é certificar que a ferramente de comentários do Facebook está funcionando corretamente em seu blog. Caso não esteja veja aqui como configurar.

Tudo funcionando certinho, aconselho já estar logado no Facebook para configurar o APP. Acesse o seguinte link: http://developers.facebook.com/tools/comments

Agora localize o aplicativo que deseja configurar. Como exemplo escolhi o "comment_entenda", que é o do nosso entendaweb. Clique em configurações.


Na tela que irá se abrir você poderá fazer suas configurações, não somente para moderar os comentários, como também algumas outras, como segue abaixo:
  • Moderadores: adicione usuários do Face que deseja que sejam moderadores;
  • Modo de moderação:
    • Make every post public by default - os comentários com termos contidos na lista negra irão para a fila de moderação.
    • Let me approve each comment before it appears - esta opção ocultará os comentários com termos contidos na lista negra e não os adicionarão à fila de moderação. Para certificar que qualquer comentário irá para a fila de moderação, independente do conteúdo, não especifique uma lista negra.
  • Palavras na lista negra: permite criar uma lista própria, utilizar a do Facebook ou deixar sem restrições;
  • Outros provedores de login: permite que usuários publiquem usando outros provedores de login, não somente o Facebook;
  • Filtro de gramática: selecione esta opção para habilitar um corretor ortográfico automático para os erros mais comuns;
  • Compositor de comentários: marque a opção correspondente se deseja que o compositor de comentários apareça sempre ou seja ocultado quando houver mais de cinco comentários.
Realizadas estas configurações, você passará a receber notificações dos novos comentários. Ao clicar nestas notificações você acessará o painel de controle, onde fará a moderação dos comentários, podendo ler, permitir ou apagá-los.

Erro: "The comments plugin requires an href parameter"

Este erro indica que você não registrou corretamente a URL (href) no aplicativo, ou que já está usando em seu blog o Plug-in Social de Fãs do Facebook.

É possível ocorrer este erro utilizando a moderação dos comments e o plug-in social de fãs ao mesmo tempo.

E aí, configurou, testou, deu certo? Então compartilha.

Como colocar comentários do Facebook no seu blog - Sem duplicar nos posts

- domingo, 20 de maio de 2012 126 Comentários
Olá pessoal,

Precisei revisar o post, pois os comentários estavam se repetindo em todos os posts. Segue então esta atualização corrigindo este erro.

Um amigo me pediu ajuda para colocar no blog dele comentários do Facebook e então resolvi realizar pesquisas para descobrir como se faz.  Encontrei vários tutoriais, muitos deles complicados e alguns muito antigos. Após pesquisar bastante e testar algumas formas encontrei uma forma simples de fazer e que funciona de verdade.


Ninguém discute que o Facebook é uma superpotência da internet atualmente. Ele praticamente domina tudo o que diz respeito à redes sociais (onde só o Twitter pode competir). Tudo isso faz do Facebook seu perfeito aliado para gerar mais visitas para seu blog e usar o sistema de comentários deles integrado ao seu blog pode ajudar ainda mais na sua divulgação.

Esta forma que estou disponibilizando somente foi testada na plataforma do Blogspot, por isso não garanto que vá funcionar no wordPress, Tumblr ou outros. Caso queira tentar e depois postar um comentário, ficarei agradecido.

Além de acompanhar as instruções neste blog, você poderá também assistir ao vídeo explicativo.


Antes de tudo é necessário que você "prepare" o seu blog para receber aplicativos do Facebook.

Acesse: https://developers.facebook.com/apps
Clique em "+ Criar novo aplicativo"
Em "App Name" digite um nome para o App e clique em continuar. Salve no final da página que irá abrir. Você irá precisar do número do "App ID/API Key", salve-o no bloco de notas.

Sugiro que preencha o campo "Website with Facebook Login" com o endereço do seu blog.

Vá até a administração do seu blog em uma nova aba. Clique em "Modelo" e depois em "Editar Html".
É altamente aconselhável fazer um backup antes de fazer estas alterações.



Com o código HTML aberto marque a opção "Expandir modelos de widgets" e localize a TAG </head>. Logo abaixo dela terá uma outra <body (mais alguma coisa)>

Copie o código abaixo e cole abaixo da TAG <body.
<div id="fb-root"></div>
<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId      : 'YOUR_APP_ID', // App ID
      channelUrl : '//WWW.YOUR_DOMAIN.COM/channel.html', // Channel File
      status     : true, // check login status
      cookie     : true, // enable cookies to allow the server to access the session
      xfbml      : true  // parse XFBML
    });

    // Additional initialization code here
  };

  // Load the SDK Asynchronously
  (function(d){
     var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
     if (d.getElementById(id)) {return;}
     js = d.createElement('script'); js.id = id; js.async = true;
     js.src = "//connect.facebook.net/pt_BR/all.js";
     ref.parentNode.insertBefore(js, ref);
   }(document));
</script>
Você deverá substituir WWW.YOUR_DOMAIN.COM pelo endereço do seu blog, e, YOUR_APP_ID pelo número do "App ID/API Key" que você criou anteriormente no aplicativo.

Este plugin já estará em português brasileiro, mas caso você deseje mudar para o português de Portugal basta modificar o "pt_BR " para "pt_PT", ou, ainda para o inglês modifique para "en_US". Caso necessite pode modificar para outra língua, basta conhecer o código.

Localize agora uma destas duas TAGs: <data:post.body/> ou <div class='post-footer-line post-footer-line-1'/>.

Abaixo desta TAG deverá colar os seguintes códigos:
<div id='fb-root'/>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = &quot;//connect.facebook.net/pt_BR/all.js#xfbml=1&quot;;
  fjs.parentNode.insertBefore(js, fjs);
}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script>
e,
<div class='fb-comments' data-colorscheme='dark' data-num-posts='3' data-width='580' expr:href='data:post.url'/>
Algumas modificações podem ser feitas neste plugin, basta alterar alguns valores do código acima, veja abaixo:
  • data-colorscheme='dark' - Como o layout do EntendaWeb é escuro, utilizei o tem "dark". A outra opção é alterar para "light", veja qual dos dois melhor se adapta ao seu blog.
  • data-num-posts="3" - Refere-se à quantidade de comentários (posts) que você deseja exibir no plugin, altere a numeração conforme desejar.
  • data-width='580' - Este valor representa a largura do plugin, quanto maior o número, mais largo será. Altere este valor e veja qual largura será melhor para o seu blog.
  • expr:href='data:post.url' - Esta expressão indica que cada post do seu blog terá comentários exclusivos. Caso deseje que os comentários sejam iguais para todos os posts, e eu não sugiro, substitua por: data-href="http://WWW.SEUSITEOUBLOG.COM"
Pronto, salve as modificações e visualize o seu blog. Terminado estes passos já estará instalado o social plugin de comentários do facebook.

Acompanhou passo a passo? Testou? Deu certo?

Então compartilhe.