fevereiro 2016 | Blog do Joanir -->

29 de fevereiro

segunda-feira, 29 de fevereiro de 2016
A cada quatro anos, fevereiro tem um dia a mais. Esse dia é acrescentado pra corrigir as pouca mais de 6 horas que todo ano tem. Mas não vamos falar sobre isso neste post.

29 de fevereiro
29 de fevereiro

Iríamos falar de coisa melhor, como a Tekpix, a filmadora mais vendida do Brasil, mas como ela não é mais vendida, esta postagem, até o momento, está sem assunto definido.

Estava lendo por aí que para um blog ter um público fixo e fazer certo sucesso na internet, ele deveria seguir um assunto em específico. Mas, porém, contudo, todavia, etc, este blog tem 9 assuntos diferentes e eu não sei se quero seguir apenas em um caminho, até porque nem tenho mais tanta inspiração para escrever como antes.

Dos vários assuntos, dois é o que mais atrai paraquedistas pra cá. Explicando: paraquedistas são aquelas pessoas que o Google joga pra cá. Obrigado, Google!!

O primeiro deles são as "dicas". E das dicas, as que mais fazem sucesso e geram comentários estão relacionadas ao Facebook. E o segundo assunto que faz mais sucesso aqui é o de notas musicais pra flauta doce - faz tempo que não
Bom, não prometo nada, mas vou tentar focar mais nesses dois. Até a próxima!!
A cada 4 anos, fevereiro tem um dia a mais. Aproveite-o ao máximo!

Há dias que...

sexta-feira, 26 de fevereiro de 2016
Há dias que não acordamos bem. Problemas e preocupações assolam nossa mente. Eu mesmo, às vezes, por mais calmo que eu seja, fico com um humor "trágico" e acabo descontando nas pessoas próximas a mim. Isso é um erro.

Um homem escorado numa árvore. O cenário é escuro, mas o fundo é um pouco claro com a cor do céu
Imagem: http://mestredemim.blogspot.com.br

Ninguém é de ferro. Tentamos guardar preocupações só pra gente; ignoramos o máximo possível. Mas, uma hora ou outra, estouramos. Isso é normal. Tudo que enche, uma hora precisa se esvaziar.

Problemas não acontecem por acaso. Mas eles podem ser resolvidos com uma boa conversa na maioria dos casos. Porém, vamos acumulando, procrastinando as possíveis soluções. Desse modo, chega a um ponto em que não conseguimos mais segurar.

O problema nisso tudo é que quando esvaziamos todas as coisas ruins, acabamos descontando nas pessoas que só querem nosso bem. Descontamos nelas o que deveríamos estar descontando nos verdadeiros culpados e, de certa forma, somos também os "culpados" destas situações.

Devemos tomar cuidado com isso. Pessoas próximas a nós também têm problemas. Todos nós temos. Uma palavra soltada nessas circunstâncias podem ferir muito. Podem magoar.

Se você está num momento ruim, tenha calma. Procure um lugar pra ficar sozinho, pra pensar. Conte seus problemas para um amigo próximo, não os guarde só para si. Tente-os resolver o mais breve possível.

Ninguém está completamente sozinho. Sempre poderemos contar com alguém. Lembre-se disso!!

Kogama fora do ar

terça-feira, 23 de fevereiro de 2016
Infelizmente, os internautas que tentaram acessar o Kogama na tarde desta terça-feira (23) não conseguiram entrar no site. Nossa equipe registrou o possível suspeito por essa falha no servidor. Veja a foto:

Turista suspeito alegar ser inocente

Isso mesmo que você está vendo. Um turista invadiu a sala dos servidores e desconectou os cabos. É por isso que sempre temos que tomar cuidado com esses turistas.

O suspeito foi encaminhado para o 15º Distrito da Policia Kogamar onde prestará esclarecimentos. Abordado por nossa equipe de reportagem, ele disse que era inocente e que só queria ligar o carregador do seu celular na tomada.

A Equipe do Kogama esclareceu que até amanhã (24), o site estará no ar novamente.

A migração de Kogamians

Com o site brasileiro fechado temporariamente, muitos kogamians foram avistados lá nas terras gringas. Nossa equipe sobrevoou um dos mapas, que por sinal está com um desenho de capa muito bem feito, e vimos vários refugiados BRs perdidos por lá. Confira na imagem abaixo:

Kogamians brasileiros se refugiam no servidor americano enquanto o brasileiro está fora do ar

Alguns gringos estão com medo (não sei porque, somos tão legais rsrs).

Código do cupom e novos Emojis

Aproveitem que o Kogama BR voltou ao ar e digite o novo código de cupom no-power para ganhar uma badge deste apagão e 40 de xp.

Outra novidade são os três novos emojis:

Novos emojis no Kogama
.
 
Qualquer informação nova, atualizaremos este post. Até a próxima!!

Eliminar JavaScript e CSS de bloqueio de renderização no conteúdo acima da borda

Aprenda a como eliminar o Javascript e CSS de bloqueio de renderização do seu blog na plataforma Blogger.

Eliminar JavaScript e CSS de bloqueio de renderização no conteúdo acima da borda
Css_bundle

Este tutorial foi escrito por Ahmad Zamron e você pode ler o original (em inglês) clicando no link: 2 step to eliminate render blocking css mobile 2 bundle.css and css 2 bundle.css. Se quiser, pode assistir ao vídeo que ele fez clicando aqui.


PageSpeed Insights

Como blogueiros, sempre devemos aprimorar o nosso blog. Não basta apenas deixá-lo "bonitinho". Devemos também adaptá-lo a todos os tipos de públicos e dispositivos. Ou seja, deixá-lo bem legível com fontes confortáveis de ler; torná-lo responsivo (se adequando aos diversos tipos de telas, principalmente às telas dos dispositivos móveis, já que nos últimos anos, se aumentou muito o acesso vindo deles) e principalmente, deixá-lo leve e rápido.

Este último ponto é, por muitas vezes, deixado de lado. É comum você entrar num blog (principalmente desses de moda feminina) e ver que o layout é formado por várias imagens de fundo, bem colorido, com diversos plugins, etc. Isso pode ser visivelmente bonito, mas pesa muito para o navegador carregar a página, principalmente se no caminho ele encontra alguns links externos para códigos de JavaScript e CSS. Quando isso acontece, o navegador praticamente para de carregar a página para ler o código e só depois, prosseguir.

Quem usa a plataforma Blogger, já deve ter verificado a velocidade de seu blog no PageSpeed Insights e se deparado com alguns códigos de bloqueio de renderização.

Nesses casos, você não precisa excluir esses códigos, basta apenas, no editor HTML do seu blog, localizá-lo e colocar o atributo async='async', como no exemplo abaixo.

<script async='async' src='http://ajax.googleapis.com/ajax/jquery.js' type='text/javascript'/>

Este atributo adia o carregamento deste plugin para depois do carregamento total da página.

Porém, no Blogger, temos um probleminha chato: não conseguimos localizar no editor HTML estes dois códigos de bloqueio:

Códigos de bloqueio do Blogger

Eliminando CSS de bloqueio

Neste tutorial, vamos aprender a como localizá-los e melhorarmos seu carregamento.

ATENÇÃO
Faça o backup de seu template antes de prosseguir

1 - Procure por <head> e o substitua por:

&lt;head&gt;

2 - Procure por </head> e o subtitua por:

&lt;/head&gt;&lt;!--<head/>--&gt;

3 - Salve o seu template. Ele já não carregará esses dois códigos, mas estará uma verdadeira bagunça. Abra uma página do seu blog, clique com o botão direito do mouse em qualquer lugar dela e clique em Exibir código fonte (Ctrl+U).

4 - Nesta página, procure por </head> e você encontrará o seu código CSS, como na imagem abaixo. Então, copie esse código e o abra em outra janela. Deixe-a aberta.

O código está no href do link após o fechamendo de </head>
Localize o css_bundle

4.1 - Se você tem a versão mobile do seu blog  ativa, então abra uma página do seu blog e acrescente ?m=1 no final da url (por exemplo: http://masqueseyo.com.br?m=1) e repita o processo dos passos 3 e 4.

5 - Volte para o editor HTML do seu blog e cole o seguinte código antes de <b:skin>:

5.1 - Sem versão mobile:

<style type="text/css">
-----------COLE SEU CSS_2_Bundle.css AQUI ------------
</style>

5.2 - Com versão mobile:

<b:if cond="data:blog.isMobile">
<style type="text/css">
------COLE SEU CSS_Mobile_2_Bundle.css AQUI -------
</style>
<b:else/>
<style type="text/css">
-----------COLE SEU CSS_2_Bundle.css AQUI ------------
</style>
</b:if>

5.3 - Apague a linha que está escrito COLE SEU CSS... e no lugar dela, coloque todo o código que estão nas respectivas páginas que você abriu no passo anterior.

6 -  Salve o seu template e verifique se a velocidade de carregamento do seu blog melhorou.

Prós e contras

O bom é que o conteúdo da página é exibido mais rapidamente, mesmo que o carregamento não tenha terminado por completo. Isso é ótimo, principalmente se o usuário estiver acessando seu blog pelo celular.

Porém, nem tudo são flores. Há algumas funcionalidades pequenas que não funcionarão corretamente. Uma delas é que os botões da compartilhamento padrão do Blogger desaparecerão. Na verdade, eles ainda estarão lá, mas não serão visíveis. Outra coisa que não aparecerá é aqueles "lapisinho" de edição de post. Mas, para isso, há uma solução: procure por:

.item-control{display:none}

 E substitua none por inline-block. Só que fazendo isso, esse lápis ficará visível para todos, mas só você poderá editar a postagem.

  Quer ajudar o nosso blog?

Este tutorial foi útil pra você? Te ajudou a melhorar o seu blog? Então nos ajude também, dê like, comente e compartilhe este post. Ah, e deixe também sua doação em dinheiro:
FAÇA SUA DOAÇÃO ONLINE CLICANDO AQUI

Qualquer dúvida, deixe seu comentário aí embaixo ou visite o post original para saber de mais detalhes. Até a próxima!

Tá difícil?

Podemos fazer isso pra você.
Contrate-nos

The Voices Virtual Friends

segunda-feira, 22 de fevereiro de 2016
Não, esta não é uma nova versão do The Voice, é apenas um título criativo (na minha nada humilde opinião) para o assunto amigos virtais e suas vozes.

A voz dos Amigos Virtuais: estreia em dezembro, aqui no Mas qué sé Yo 

Primeiramente, precisamos definir o que é um amigo. Um amigo é aquela pessoa que temos pra encher, pra contar bobagens, fazer brincadeiras e falar de coisas sérias também. Agora, acrescentando o virtual depois de amigo, fica amigo virtual (isso é uma grande descoberta). Amigo virtual é tudo o que um amigo é, só que a distância (isso não tem crase, eu pensei que tinha, mas só tem se a distância estiver determinada, como no caso "à distância de mil quilômetros").

Quando fazemos amizade com pessoas do bairro, da escola ou da fila do posto de saúde, tendemos a vê-la e ouvi-la ao mesmo tempo (salvo em alguns casos). O que quero dizer é que quando nos tornamos amigos delas, a conhecemos tanto pelo rosto como pela voz. Quando lembramos de algo que aconteceu, conseguimos até ouvir a voz do dito cujo.

Já com os amigos virtuais, é um pouco diferente. Você os conhece por uma foto (a melhor de 100, já que ninguém posta sua pior foto no Face - e hoje em dia, a maioria das moças postam fotos com bico de pato, deve ser moda em Paris). Depois, passa a conhecê-los pelo o que escrevem. Só depois de muito tempo que você pode conhecê-los pela voz.

E finalmente chegamos onde eu queria chegar: a voz, ou em inglês, the voice (pelo menos as aulas de inglês no colégio serviram pra alguma coisa, pois assim I can spekar some worlds in english for peoples que read isto here). Geralmente, a voz é a última coisa que conhecemos num amigo virtual. E isso é meio doido (pra mim). Explico no próximo parágrafo.

É que é doido, sabe. Porque a gente ouve tantas vozes por aí, no ônibus, na rua, na chuva, na fazenda, ou até de cantores universitários que nem moram por perto a gente ouve. Agora, de um amigo virtual, é a última coisa que acontece. Concorda comigo que isso é doido? Pois é.

Então o conhecimento da voz de um amigo virtual é um acontecimento importante. Você imagina que a voz da pessoa é de um jeito ou de outro. E daí...

... e daí que ano passado conheci a voz da minha amiga virtual Lara Fernandes. Conheço a Lara desde 2012, do blog antigo. Já tínhamos conversado muito, até mesmo pensado em fazer uma dupla sertaneja (já que ela mora em Goiás, logo, é apaixonada por esse estilo musical (#sqn)) e criar um projeto para unir Cascavel á Goiânia, mas nunca tínhamos nos ouvido. Até que no dia 28 de dezembro de 2015 (uma data que passou a ser histórica) às 23 horas e 12 minutos ela manda um áudio pelo WhatsApp. Eu fiquei surpreso, estava conhecendo a voz da Lara após 3 anos de amizade (risos).

Este ano também conheci a voz da minha amiga Dany Limão. Foi no dia 20 de fevereiro, às 23 horas em ponto (horário de verão). Dany tem uma voz muito bonita, mas ontem ela me assustou (risos). Se ela fizer umas narrações no Espaço da Mimada, é sucesso na certa (#Ficaadica!).

Pra concluir, eu realmente gostei de conhecer a voz de vocês. A nossa condição de amigos "virtuais" não é inferior a dos amigos próximos. Muito pelo contrário, às vezes nos sentimos mais próximos dos amigos virtuais (este é um dos paradoxos que a internet nos proporciona). É que moramos longe, então quanto mais conversas, sejam em textos ou em áudio tivermos, mais próximos nos sentimos. É quase como um abraço. Ah, e por favor, não me matem por ter escrito isso, até porque vocês não podem, já que moram longe, haha. Até mais!!

A professora Francis

sexta-feira, 19 de fevereiro de 2016
Lembrei-me dela agora a pouco enquanto falava com a Dany Limão sobre matemáticas passadas e que não voltarão mais (ainda bem). A professora Francis foi uma das minhas melhores professoras.

Um "f" escrito a mão e ao lado um passarinho feito com esse "f"
Um passarinho

Tive aula com ela na sexta e sétima série. Eu gostava de matemática, tirava notas altas. Que tempinho bom que era. Estou lembrando enquanto escrevo.

Aquelas tardes quentes de Foz do Iguaçu; eu indo pro colégio Almiro Sartori; as conversas com meus amigos Douglas, Daniel e Marciano (aqui da Terra mesmo). Lembro dos professores também. Do professor Hélio que nos levava na horta nas aulas de ciência. Da professora Maria Inês de português. Do professor Emérson (que também era inspetor) de literatura (se eu escrevo num blog atualmente, ele tem parte da culpa por isso, pois em uma aula, ele disse para meninas como escrever um diário - "querido diário" - e para os meninos, um caderno de memórias - "e aí, cadernão"). E da professora Francis, de matemática.

Foi ela que me apresentou a maioria daquelas fórmulas matemáticas: equações de segundo grau, sistemas, etc. Eu já não lembro muito delas, pois segui por uma área diferente, mas como eu gostava dessas coisas. Embora as contas tenham ficado complicadas depois que alguém inventou de colocar letras no meio dos números, eu me amarrava nesse negócio de encontrar o valor de "x".

Mas memórias a parte, lembrei de uma coisa que motivou a escrita deste post e que é a imagem que ilustra o mesmo. A professora Francis tinha uma assinatura: era apenas o F com a data. Ela colocava no nosso caderno quando apresentávamos as tarefas feitas. Com essa assinatura, ela nos ensinou a fazer um pássaro. Talvez um papagaio, ou sei lá que pássaro era, só sei que lembro até hoje como se faz.

Como você viu na imagem acima, é só fazer aquele F e depois desenhar os detalhes.

É isso. Tente fazer aí no seu Paint, ou no caderno mesmo, tire uma foto e envie aí nos comentários abaixo (agora dá pra anexar uma foto nele). Até a próxima!

Colocar os comentários do Blogger antes dos comentários do Facebook

sexta-feira, 12 de fevereiro de 2016
Este tutorial é um complemento do tutorial de Como colocar comentários do Facebook juntos com os do Blogger . Deixe-o aberto e vamos que vamos!

Colocar os comentários do Blogger antes dos comentários do Facebook
Colocando a Box do Blogger e Face juntas!!

Antes de tudo, faça um BACKUP de seu código: Modelo > Fazer Backup/Restaurar > Fazer download  do modelo completo.

1 - Mudando a TAB selecionada para a do Blogger


Procure por </head>, como mencionado no passo 2.3 e localize o seguinte código:

<script src='&quot;//connect.facebook.net/pt_BR/sdk.js#xfbml=1&amp;version=v2.5&amp;appId=SEU_APP_ID&quot;;'/>
<meta content='SEU_APP_ID' property='fb:app_id'/>
<meta content='SEU_FB_ID' property='fb:admins'/>

<script type='text/javascript'>
function commentToggle(comentario) {
 if (comentario == '#fb-comments'){
window.document.getElementById("fb-comments-page").style.display='block';
window.document.getElementById("blogger-comments-page").style.display='none';
window.document.getElementById("fb-comments").style.background='#ffffff';
window.document.getElementById("blogger-comments").style.background='#d1d1d1';
 } else if (comentario == '#blogger-comments') {
window.document.getElementById("blogger-comments-page").style.display='block';
window.document.getElementById("fb-comments-page").style.display='none';
window.document.getElementById("blogger-comments").style.background='#ffffff';
window.document.getElementById("fb-comments").style.background='#d1d1d1';
}}
window.onload = function(){
commentToggle('#fb-comments');
}</script>

Na penúltima linha, localize commentToggle('#fb-comments'); e altere '#fb-comments' por '#blogger-comments'.

Clique em Salvar modelo e visualize uma postagem do seu blog. A box do Blogger já deve estar selecionada, mas ainda assim, as abas estão na ordem Facebook - Blogger. Vamos alterar isso agora.

2 - Mudando a posição das TABs


No passo  2.6 pedimos para que você procure por <div class='comments' id='comments'> e cole um código  nos dois resultados.

Nesta parte, faremos uma pequena troca de lugar. Note esta parte do código no editor HTML do Blogger:

A TAB do Face está antes da do Blogger
Note que o que está destacado em vermelho é a Tab do Facebook. Já a que está destacado em verde, do Blogger. Tudo o que você tem que fazer é recortar o código verde e colocá-lo acima do código vermelho, como na imagem abaixo:

Agora, a TAB do Blogger está antes da do Face
Faça isso nos dois lugares que você colou o código anteriormente. Simples assim! Clique em Salvar modelo e visualize uma postagem do seu blog.

Pronto!! Agora os comentários do Blogger estarão mais destacados. Qualquer dúvida ou sugestão, utilize os comentários abaixo. Até a próxima!!

Um segredo de vida

sábado, 6 de fevereiro de 2016
Se perguntava sobre qual era o grande segredo da vida. Mal sabia que se a vida pudesse falar e contasse seu segredo, este deixaria de ser segredo. Se soubesse, não buscaria por ele.

Um segredo de vida

Dizem que um carinha um dia descobriu. A curiosidade era tanta, que ele dedicava o dia todo só para isso. Se isolou de todo mundo. Já não vivia, apenas buscava na vida a vida que não tinha. Até que um dia se complicou em suas teorias e morreu. 

Depois disso, morto esquecido, descobriu que não há segredo nenhum e que a vida é um incógnita: devemos somente encontrar o valor de nosso "x". A vida é pura matemática...

No período em que se ausentou de todos, perdeu a chance de conhecer alguém e de encontrar este valor de "x", valor que nem a matemática poderia desvendar, pois viver não é apenas uma conta. Viver está mais para o português: a vida é um conto, um canto pra música, um encanto pra quem vive. Ele não viveu.

Apenas descobre o segredo da vida quem a vive.

Otimizar imagens para os seus posts - Aplicativos onlines

quarta-feira, 3 de fevereiro de 2016
Conheça dois serviços onlines para otimizar as imagens, deixando-as mais leves para serem inseridas em seus posts no blog ou site.

Otimizar imagens

Como foi possível ver na imagem acima, iremos utilizar duas ferramentas online. A primeira, para editar a sua imagem e a segunda, para comprimir a imagem e torná-la mais leve, sem comprometer a sua qualidade.

Pixlr Express

Acesse:


A interface é bem simples e intuitiva. Você pode captura a imagem de três formas, mas vamos nos ater apenas à forma Browse, que lhe permite fazer o upload de uma imagem que você tenha no seu computador, e Open URL, que lhe permite capturar a imagem a partir de um link.

Interface do Pixlr Express

Após o upload da imagem, a mesma estará visível no centro da tela. No inferior, você verá as ferramentas de edições, desde o ajuste de algumas características, filtros de cores, bordas, até a inserção de textos na imagem.

Ferramentas

Clicando em qualquer uma dessas ferramentas, se abrirá suas opções. Neste exemplo acima, clicamos em Adjustment e suas opções apareceram, como mostra a imagem abaixo:

Com a ferramenta Adjustment, é possível Cortar, Rotacionar, Focar, dentre outros

Só com a ferramenta Adjustment, já é possível fazer muitas coisas, desde cortar até ajustar o contraste de uma imagem. Faça os seus testes para conhecer essas variedades.

Nós selecionamos Crop (Cortar). Veja como editar a imagem nessa opção:

Ferramenta Crop (Cortar)

Para cortar parte da imagem, você pode selecionar um dos pontos azuis (1) e arrastá-lo para o tamanho desejado. Se quiser manter a taxa de proporção (2), escolha a desejada. Após isso, clique em Apply (4), para aplicar as alterações.

Vamos a outro exemplo de como pôr texto na imagem! Selecione Type (1) e nas opções que surgirem, clique em Grunge (2):

Adicionando texto na imagem

Para escrever um novo texto, clique na caixa vazia (1). O que você escrever nela, aparecerá na imagem. Você pode arrastá-lo clicando nele e redimensioná-lo, clicando em uma das bolinhas brancas. Você pode alterar a fonte (2) e a cor dela (3). Após as edições, clique em Apply para salvar seu progresso até o momento.

Adicionando texto à imagem

Note que no canto superior direito da página, você tem algumas opções, como desfazer a última alteração (Undo), deixá-la em tela cheia (Fullscreen), dentre outros.

Clique em Salvar para salvar uma cópia de sua imagem no computador

Quando você acabar todas as edições, clique no botão Save, localizado no canto superior esquerdo da tela. Após isso, adicione um nome, escolha a melhor qualidade e clique em Save para abrir a janela do Windows e você poder escolher o local no seu computador onde salvar.

Clique em Save, depois selecione uma pasta no seu computador para salvar a imagem

Pronto, sua imagem está bonitinha e editada. Agora vamos utilizar outro aplicativo online para deixá-la mais leve, assim, ela carregará mais rapidamente na sua página.

TinyJPG

Acesse:


Clique ou arraste sua imagem para Drop yout .png or .jpg files here! Escolha sua imagem ou imagens (pode ser até 20 arquivos, tanto em PNG como em JPG):

"Jogue" sua imagem ali e espera a mágica acontecer

Agora espere a mágica acontecer. Sua imagem ficará leve como uma pena. Então faça o download dela.

Faça o download e seja feliz

  Quer ajudar o nosso blog?

Este tutorial foi útil pra você? Te ajudou a melhorar o seu blog? Então nos ajude também, dê like, comente e compartilhe este post. Ah, e deixe também sua doação em dinheiro:

Inserir ALT e TITLE nas imagens

Essa é uma coisa muito negligenciada pelos blogueiros, principalmente pelos novos. Tão importante quanto ter um bom texto no post é ter uma boa imagem. Mas, imagem é imagem, teoricamente não dá pra lê-la.

Os mecanismos de buscas até encontram elas, mas podemos facilitar esse processo. Ao inserir uma imagem no post e selecioná-la, aparece uma barra com algumas opções de tamanho, posicionamento e propriedades. Então:
  1. Se possível, deixe-a no tamanho original;
  2. Adicione legendas e
  3. Clique em propriedades para definir um title (texto de título) e um alt (texto alternativo).
Nessas duas opções de propriedades, você pode colocar o título da imagem que pode ser o mesmo do post e um texto descritivo da imagem

É isso. Se tiver mais alguma dica, deixe nos comentários abaixo.