Windows 8 possui tela azul da morte mais amigável.

Em vez de preencher a tela do computador com códigos, Microsoft oferece palavras-chave que ajudam a solucionar o problema ocorrido.

Google anuncia serviço de musica e filme.

O serviço batizado Music Beta chega para concorrer com Amazon e Apple e permitirá que usuários armazenem até 20.000 faixas nos servidores da Google.

Recorde mundial de transmissão de dados é quebrado na Alemanha.

Utilizando raio laser para a transmissão de dados, cientistas atingiram a velocidade de 26 terabits por segundo.

Veja como é a segurança de um Data Center da Google.

Conheça um pouco dos recursos utilizados para proteger fisicamente e virtualmente os dados presentes em um Data Center da gigante da internet.

6 de jun de 2014

Widget: Formulário de contato

Aprenda a colocar o Widget de formulário
de contato do Blogger

Recentemente (nem tão recente) o Blogger adicionou uma opção para o formulário de contato como um Widget. Então nesse artigo vou ensinar a colocar esse Widget.

1. Passo a passo:

1.1. Primeiro vá em "Layout". Como mostra a imagem abaixo:

1.2. Agora que já está no layout do seu Blog, clique em "Adicionar um Gadget" no local onde você quer inserir o formulário. A opção será mais ou menos como a imagem abaixo:

NOTA: Pra esse exemplo colocaremos na barra lateral do blog mesmo, mas você pode adicioná-lo em qualquer parte do layout.
NOTA 2: Pode ser que o modelo do seu blog seja diferente (caso você use algum template, ou qualquer outro tipo de customização).

1.3. Depois que você clicar para adicionar abrirá uma janela, para você selecionar o gadget que você deseja. Então basta selecionar a opção "Mais gadgets" e escolher o "Formulário de contato".

1.4. Agora basta adicionar um titulo ao seu formulário e salvar, então ele já vai aparece na sua barra lateral como na figura abaixo:

Até a próxima =D

4 de jun de 2014

Substituir a caixa de comentário do Blogger pela do Facebook

Uma maneira simples de substituir a caixa de comentário do Blogger pelo sistema do Facebook
Há algum tempo atrás eu utilizava aquela caixa de comentário com a conta do Facebook, mas por algum motivo o plugin parou de funcionar e tive que arrumar outra solução.

Vários sites e blogs já postaram uma solução que funciona, mas não é tão simples (pelo fato de ter que criar um aplicativo no Facebook). Por esse motivo resolvi postar uma maneira bem simples pra mudar o sistema de comentários do seu blog, sem a necessidade de criar aplicativo no Facebook.

1. Passo a Passo
IMPORTANTE: Antes de começar lembre-se de fazer o backup do seu blog, para caso haja um imprevisto e algo de errado! 1.1. Feito o backup, basta editar o HTML do blog indo em "Modelo" > "Editar HTML". Como na imagem abaixo:
1.2.Dentro do HTML do seu blog procure (CTRL + F) pelo seguinte trecho:
<b:includable id='comments' var='post'>

Provavelmente vai estar como na imagem abaixo:

1.3. Então clique na seta preta para expandir o código.

1.4. Cole abaixo de <b:includable id='comments' var='post'> o seguinte trecho de código:

<!-- Comentarios Utilizando Facebook -->
<div class='comments-page' id='fb-comments-page'>
<b:if cond='data:blog.pageType == "item"'>
<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 = "//connect.facebook.net/pt_BR/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<fb:comments expr:href='data:post.url' num_posts='5' width='500'/>
</b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'/>
<!-- Comentarios Utilizando Facebook -->
NOTA: Onde está grifado de AZUL substitua pela quantia de comentários que você deseja que apareça, caso o post tenha mais comentários que esse valor aparecerá uma opção para mostrar o restante dos comentários.
A parte grifada em VERDE é a que define o tamanho da caixa de comentários, ajuste conforme queira.
1.5. Salve seu template.

Talvez você ainda não veja a caixa de comentário do Facebook, isso acontece porque a caixa de comentário do Blogger está desativada.

Pra desativar é simples, basta ir em "Configurações" > "Postagens e Comentários" e na opção de "Local do Comentário" selecione "Ocultar". Como mostra a imagem abaixo:

Salve as configurações e pronto! :D

Até a próxima!

2 de jun de 2014

Exibir/Ocultar elementos em páginas especificas no blog

Oculte elementos no blog utilizando
uma <tag> HTML

Você já quis ocultar algum Widget em determinada página? Ou já pensou em exibir algum elemento do blog só na pagina principal? Isso é muito simples de ser feito, apenas utilizando uma certa <tag> HTML dentro do template do seu blog.

Se você já editou o template do seu blog, certamente se deparou com algo assim: <b:if>. Essa é a a <tag> que faz toda a mágica acontecer, ela que fará os elementos aparecerem ou desaparecerem nas páginas desejadas. Mas vale lembrar que ela muda, depende da página que você queira utilizar, seja para exibir ou para ocultar.

O trecho abaixo demonstra um pouco melhor o que eu quero dizer:

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<-- Cole o código do widget ou HTML aqui!-->
</b:if>

No exemplo acima, tudo que estiver no lugar do trecho em vermelho só será exibido na pagina inicial do blog.
1. Entendendo o código:
Bom, se você tem ou já teve contato com alguma linguagem de programação deve ter percebido o código do exemplo é como uma condição IF (ou seja, é uma condição SE), onde ela compara a URL em que você está com a URL da página principal do blog. Até aqui tudo certo?

Então quando essa condição for verdadeira ele exibirá o que está no código em vermelho, caso você não esteja na URL da página principal (condição falsa) o trecho em vermelho não será exibido, simples assim.

Ainda não conseguiu entender? Vá em frente e faça o teste com um widget do seu blog e veja a diferença. ;) IMPORTANTE: Lembre-se de fazer o backup do seu blog, para caso haja um imprevisto e algo de errado!

2. Códigos para Exibir/Ocultar os Elementos:
Mostrei apenas um exemplo para exibir os elementos apenas na página principal do blog, agora vamos ver como utilizar essa <tag> em outras situações:

+ Veja todos os códigos...


Até a próxima!

30 de mai de 2014

Exibir/Ocultar partes de um post

Facilite a vida do leitor do seu blog com esse recurso simples
Como vocês podem ver no post com as dicas para aproveitar o seu pendrive ao máximo, eu utilizei um recurso bem interessante, para Exibir/Ocultar partes de um post. E como o caro leitor, André Souto me pediu, estou postando um tutorial de como utilizar esse recurso. Esta dica, bem simples de ser usada, permite ocultar partes de um post e mostrá-las quando o leitor quiser. Podem-se esconder textos, imagens, vídeos e serve para diminuir o tamanho do post quando temos algo muito extenso dentro do artigo. Veja uns exemplos abaixo:
[+/-] Mostrar/Ocultar

[+/-] Mostrar/Ocultar

Para que possa fazer o mesmo no seu blog, tem que seguir os passos abaixo. Em primeiro lugar vamos mexer no código HTML do seu template para adicionar JavaScript.
1. Adicionando o <script>
1.1. Acesse o Painel do Blogger > Modelo (Design, pra quem usa a interface antiga do blogger) > Editar HTML; ATENÇÃO: Faça o backup do seu modelo atual, para o caso de ter algum problema.

1.2. Procure pelo seguinte trecho:

</head>

1.3. Acima do trecho anterior cole o código abaixo:

<!-- Prototype y Scriptaculous--> <script src='http://www.google.com/jsapi'/> <script> google.load("prototype","1.6.0.3"); google.load("scriptaculous", "1.8.2"); </script> <!-- Prototype y Scriptaculous-->
Se você já utilizou o código JavasScript acima, em outros tutoriais (Mostrar/Ocultar Gadget HTML/JavaScript e Arquivo do Blog) não volte a adicioná-lo.

1.4. Clique em Pré-Visualizar/Visualizar, se tudo estiver no seu devido lugar, clique em Guardar/Salvar Modelo.

2. Utilizando o <script>
Agora sempre que quiser utilizar este recurso nos seus artigos, adicione o seguinte código: <a onclick="Effect.toggle("expandir1","slide"); return false" href="#">[+/-] Mostrar/Ocultar</a> <div style='display: none;' id='expandir1'><p>CÓDIGO A OCULTAR!</p></div> NOTA: Tome em conta que deverá alterar expandir1 sempre que utilizar o hack mais de uma vez no post, por exemplo, se utilizar 2 vezes em um post, o primeiro ficará expandir1 e o segundo ficará expandir2 e assim por diante.
NOTA 2: Altere CÓDIGO A OCULTAR! pelo que deseje ocultar, seja uma imagem, um vídeo ou um texto. Qualquer elemento que tenha dentro de um artigo pode ser ocultado.
Até a próxima!