[NãoServemParaNada] - Chris McKenzie #6

Boas gente, ando com pouco tempo para postar tutoriais, por isso hoje será postado outro site que não serve para nada.

O "boneco" segue o rato, quando este sai fora do fundo cinzento ele fica triste e anda à procura do rato!

Link: http://chrismckenzie.com/

[Tutorial] - Como bloquear Junk Mail

Hey gente, hoje vamos falar de como bloquear Junk Mail, e o que é o Junk Mail?
Junk Mail é basicamente lixo eletrónico.

Vamos fazer uma pausa ao tutorial, e se tudo que recebêssemos por e-mail fosse verdade?



No gmail:

Embora não seja possível de momento bloquear mensages de endereços ou domínios específicos, você pode deixar de as receber na sua caixa de entrada: basta configurar um filtro para enviar mensagens indesejadas diretamente para a Lixeira.

Para configurar um filtro, siga estas etapas:

1. Selecione uma mensagem de um endereço indesejável
2. Clique em Mais, na parte superior
3. Selecione Filtrar mensagens assim
4. Em De deverá estar o endereço do qual você não deseja receber mensagens
5. Selecione Criar filtro com esta pesquisa
6. Marque a opção Excluir
7. Clique em Criar filtro

Fonte: https://support.google.com/mail/answer/8151?hl=pt

Se quiserem em mais algum, peçam nos comentários!

[Tutorial] - Online Audio Cutter

Hey gente, como podem ver pelo título da postagem, hoje vamos falar de um website que corta audio online.

1º - Acessar o website
2º - Abrir o arquivo desejado, se quiser pode abrir um arquivo que esteja hospedado no Google Drive, Dropbox ou URL.

3º - Cortar o audio como desejar, a seleção que fica a azul é o fragmento que irá ser "ouvido"

4º - No mais pode escolher outro tipo de extensão como .wav.

5º - Carregar no Cortar e depois em Download.


Espero que tenham gostado! Comentem!

[Sites Que Não Servem Para Nada] - Idiotic #5

Hey gente, mais um website que não serve para nada. Quando vos apetecer bater em alguém é só visitar este :D

Link: http://www.idiotic.com/

[Says-IT] - Crie Suas Próprias Imagens

Hey gente, já chega de postagens de CSS, né? Hoje trago um website no qual é possível criarmos várias coisas, tais como: Bilhetes de Concerto, Crachás, Sinais de Perigo, Posters do Tio Sam, Selos, etc.

Vou deixar alguns exemplos:

E aqui está o link: http://www.says-it.com/

[Tutorial/Blog] Modificar Código Css - Background

Código CSS

Hey gente, hoje é a última aula que dedicamos ao css da numeração de páginas, como sabem as partes que abordamos foram: Bordas e Cores, Fontes e Sombras. Para terminar só falta abordar o background.

Então comecemos:

  background: #6995EE;
  background: linear-gradient(top,  #C1EE0C,  #FFFF75);
  background: -ms-linear-gradient(top,  #C1EE0C,  #FFFF75);
  background: -webkit-gradient(linear, left top, left bottom, from(#C1EE0C), to(#FFFF75));
  background: -moz-linear-gradient(top,  #C1EE0C,  #FFFF75);


  background: #6995EE; esta parte é a base de tudo, aqui configuramos a cor do background e se quisermos o background somente de uma cor apagamos tudo o resto, para alterar a cor basta ler este tutorial Cores.

  background: linear-gradient(top,  #C1EE0C,  #FFFF75);
  background: -ms-linear-gradient(top,  #C1EE0C,  #FFFF75);
  background: -webkit-gradient(linear, left top, left bottom, from(#C1EE0C), to(#FFFF75));
  background: -moz-linear-gradient(top,  #C1EE0C,  #FFFF75); estas 3 partes referem-se à mesma coisa só que a navegadores diferentes, por isso se alterar-mos um valor numa temos de alterar noutro para ficar igual em todos os navegadores, a cor que fica em primeiro é a de cima e em segundo a de baixo, saiba como alterar as cores aqui Cores.




<style type="text/css">
#blog-pager{font-size:normal;padding:10px 0;clear:both;}
.showpageArea{font-family:verdana,arial,helvetica;color:#000;font-size:11px;margin:10px}
.showpageArea a{color:#000}
.showpageNum a{
  font-family: 'arial black';
  font-size: 14px;
  color: #000000 !important;
  text-shadow: 1px 1px 0px #7CACDE;
  padding: 3px 8px;
/* Nesta parte vamos configurar as bordas, a restantes partes do tutorial encontra-se dividida no blog, em letras, background e cores*/
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: 2px solid #050202;
  background: #6995EE;
  background: linear-gradient(top,  #C1EE0C,  #FFFF75);
  background: -ms-linear-gradient(top,  #C1EE0C,  #FFFF75);
  background: -webkit-gradient(linear, left top, left bottom, from(#C1EE0C), to(#FFFF75));
  background: -moz-linear-gradient(top,  #C1EE0C,  #FFFF75);
}

.showpageNum a:hover{
/* Nesta parte vamos configurar o modo hover, o hover é quando estamos com o rato em cima de qualquer botão ele irá mudar de cor*/
  font-family: 'arial black';
  color: #000000 !important;
  font-size: 14px;
  text-shadow: 1px 1px 0px #7CACDE;
  padding: 3px 8px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: 2px solid #050202;
  background: #6995EE;
  background: linear-gradient(top,  #44EE11,  #70FF7A);
  background: -ms-linear-gradient(top,  #44EE11,  #70FF7A);
  background: -webkit-gradient(linear, left top, left bottom, from(#44EE11), to(#70FF7A));
  background: -moz-linear-gradient(top,  #44EE11,  #70FF7A);
}
.showpageOf{
/* Nesta parte vamos configurar o fundo do primeiro rectângulo que aparece Página 1 de 10*/
  font-family: 'arial black';
  font-size: 14px;~
  color: #000000 !important;
  text-shadow: 1px 1px 0px #7CACDE;
  padding: 3px 8px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: 2px solid #050202;
  background: #6995EE;
  background: linear-gradient(top,  #C1EE0C,  #FFFF75);
  background: -ms-linear-gradient(top,  #C1EE0C,  #FFFF75);
  background: -webkit-gradient(linear, left top, left bottom, from(#C1EE0C), to(#FFFF75));
  background: -moz-linear-gradient(top,  #C1EE0C,  #FFFF75);
}

.showpagePoint{
/* Nesta parte vamos configurar o nº da página que está selecionado*/
  font-family: 'arial black';
  color: #000000 !important;
  font-size: 14px;
  text-shadow: 1px 1px 0px #7CACDE;
  padding: 3px 8px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: 2px solid #050202;
  background: #6995EE;
}
</style>
<script style='text/javascript'>
var numshowpage=4;
var postperpage =3;
var upPageWord="Anterior";
var downPageWord="Próxima";
var home_page="/";
var urlactivepage=location.href;
</script>
<script style='text/javascript' src='http://dl.dropbox.com/u/35784805/Mil%20Trucos%20Blogger/paginacionbloggermtb.js'></script></ textarea>

[Tutorial/Blog] Modificar código CSS - Bordas

Código CSS

Nesta postagem vamos abordar as bordas.

  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: 2px solid #050202;

As 3 primeiras servem exactamente para a mesma coisa, contudo a primeira  -moz-border-radius: 10px; serve possivelmente para os users que usam o firefox, não tenho a certeza e a   -webkit-border-radius: 10px; é usada pelos navegadores tipo google chrome, podem ver uma lista http://pt.wikipedia.org/wiki/WebKit , por isso quando alterarem uma alterem as restantes. A border-radius serve para ir arredondando a borda, quanto maior for o px maior a curvatura.

Finalmente a border: 2px solid #050202; aqui basicamente configuramos a borda, na primeira parte border: 2px, configuramos o tamanho da borda, na 2ª parte solid, configuramos o tipo de borda.

E por fim #050202; aqui modificamos a cor da borda. Pode ler mais sobre cores aqui: Cores

A vermelho esta a parte do código que podemos modificar a partir desta aula!

<style type="text/css">
#blog-pager{font-size:normal;padding:10px 0;clear:both;}
.showpageArea{font-family:verdana,arial,helvetica;color:#000;font-size:11px;margin:10px}
.showpageArea a{color:#000}
.showpageNum a{
  font-family: 'arial black';
  font-size: 14px;
  color: #000000 !important;
  text-shadow: 1px 1px 0px #7CACDE;
  padding: 3px 8px;
/* Nesta parte vamos configurar as bordas, a restantes partes do tutorial encontra-se dividida no blog, em letras, background e cores*/
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: 2px solid #050202;
  background: #6995EE;
  background: linear-gradient(top,  #C1EE0C,  #FFFF75);
  background: -ms-linear-gradient(top,  #C1EE0C,  #FFFF75);
  background: -webkit-gradient(linear, left top, left bottom, from(#C1EE0C), to(#FFFF75));
  background: -moz-linear-gradient(top,  #C1EE0C,  #FFFF75);
}

.showpageNum a:hover{
/* Nesta parte vamos configurar o modo hover, o hover é quando estamos com o rato em cima de qualquer botão ele irá mudar de cor*/
  font-family: 'arial black';
  color: #000000 !important;
  font-size: 14px;
  text-shadow: 1px 1px 0px #7CACDE;
  padding: 3px 8px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: 2px solid #050202;
  background: #6995EE;
  background: linear-gradient(top,  #44EE11,  #70FF7A);
  background: -ms-linear-gradient(top,  #44EE11,  #70FF7A);
  background: -webkit-gradient(linear, left top, left bottom, from(#44EE11), to(#70FF7A));
  background: -moz-linear-gradient(top,  #44EE11,  #70FF7A);
}
.showpageOf{
/* Nesta parte vamos configurar o fundo do primeiro rectângulo que aparece Página 1 de 10*/
  font-family: 'arial black';
  font-size: 14px;~
  color: #000000 !important;
  text-shadow: 1px 1px 0px #7CACDE;
  padding: 3px 8px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: 2px solid #050202;
  background: #6995EE;
  background: linear-gradient(top,  #C1EE0C,  #FFFF75);
  background: -ms-linear-gradient(top,  #C1EE0C,  #FFFF75);
  background: -webkit-gradient(linear, left top, left bottom, from(#C1EE0C), to(#FFFF75));
  background: -moz-linear-gradient(top,  #C1EE0C,  #FFFF75);
}

.showpagePoint{
/* Nesta parte vamos configurar o nº da página que está selecionado*/
  font-family: 'arial black';
  color: #000000 !important;
  font-size: 14px;
  text-shadow: 1px 1px 0px #7CACDE;
  padding: 3px 8px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: 2px solid #050202;
  background: #6995EE;
}
</style>
<script style='text/javascript'>
var numshowpage=4;
var postperpage =3;
var upPageWord="Anterior";
var downPageWord="Próxima";
var home_page="/";
var urlactivepage=location.href;
</script>
<script style='text/javascript' src='http://dl.dropbox.com/u/35784805/Mil%20Trucos%20Blogger/paginacionbloggermtb.js'></script></ textarea>

[Tutorial/Blog] Modificar código CSS - Cores, Fontes e Sombras

Código css

O que vamos ensinar nesta postagem é como o nome indica, Cores, Fontes e Sombras
  font-family: 'arial black';
  font-size: 14px;
  color: #000000 !important;
  text-shadow: 1px 1px 0px #7CACDE;


Comecemos pela font-family: 'arial black'; como o nome indica é o tipo de fonte, consoante as fontes que tenham no blog, podem colocar substituído o que está entre ''.

Exemplos de fontes:

Courier
Georgia
Helvetica
Times
Trebuchet
Verdana

Seguimos para a font-size: 14px; como o nome indica é o tamanho da fonte, é só alterar o 14 para qualquer outro valor, é só aumentar o valor para aumentar a letra e diminuir para diminuir o tamanho da letra.

Exemplos de tamanhos:

15px
25px

Seguimos para a color: #000000 !important; como o nome indica é a cor da letra. Aqui a cor da letra não aparece Black, White, etc. aqui o código é HTML, podem encontrar uma variada lista de cores em HTML neste site: http://www.mxstudio.com.br/Conteudos/Dreamweaver/Cores.htm

E por fim o text-shadow: 1px 1px 0px #7CACDE; como o nome indica é a sombra do texto, o primeiro tamanho 1px corresponde à sombra na horizontal, o 2º 1px corresponde à sombra na vertical e o terceiro 0px corresponde à nitidez da sombra quanto mais aumentar, menos nítido fica e finalmente o #7CACDE corresponde à cor da sombra do texto.

<style type="text/css">
#blog-pager{font-size:normal;padding:10px 0;clear:both;}
.showpageArea{font-family:verdana,arial,helvetica;color:#000;font-size:11px;margin:10px}
.showpageArea a{color:#000}
.showpageNum a{
/* Nesta parte vamos configurar o número que não está selecionado e o texto próxima, a restante parte do tutorial encontra-se dividida no blog, em bordas, background e cores*/
  font-family: 'arial black';
  font-size: 14px;
  color: #000000 !important;
  text-shadow: 1px 1px 0px #7CACDE;
  padding: 3px 8px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: 2px solid #050202;
  background: #6995EE;
  background: linear-gradient(top,  #C1EE0C,  #FFFF75);
  background: -ms-linear-gradient(top,  #C1EE0C,  #FFFF75);
  background: -webkit-gradient(linear, left top, left bottom, from(#C1EE0C), to(#FFFF75));
  background: -moz-linear-gradient(top,  #C1EE0C,  #FFFF75);
}

.showpageNum a:hover{
/* Nesta parte vamos configurar o modo hover, o hover é quando estamos com o rato em cima de qualquer botão ele irá mudar de cor*/
  font-family: 'arial black';
  color: #000000 !important;
  font-size: 14px;
  text-shadow: 1px 1px 0px #7CACDE;
  padding: 3px 8px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: 2px solid #050202;
  background: #6995EE;
  background: linear-gradient(top,  #44EE11,  #70FF7A);
  background: -ms-linear-gradient(top,  #44EE11,  #70FF7A);
  background: -webkit-gradient(linear, left top, left bottom, from(#44EE11), to(#70FF7A));
  background: -moz-linear-gradient(top,  #44EE11,  #70FF7A);
}
.showpageOf{
/* Nesta parte vamos configurar o fundo do primeiro rectângulo que aparece Página 1 de 10*/
  font-family: 'arial black';
  font-size: 14px;~
  color: #000000 !important;
  text-shadow: 1px 1px 0px #7CACDE;
  padding: 3px 8px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: 2px solid #050202;
  background: #6995EE;
  background: linear-gradient(top,  #C1EE0C,  #FFFF75);
  background: -ms-linear-gradient(top,  #C1EE0C,  #FFFF75);
  background: -webkit-gradient(linear, left top, left bottom, from(#C1EE0C), to(#FFFF75));
  background: -moz-linear-gradient(top,  #C1EE0C,  #FFFF75);
}

.showpagePoint{
/* Nesta parte vamos configurar o nº da página que está selecionado*/
  font-family: 'arial black';
  color: #000000 !important;
  font-size: 14px;
  text-shadow: 1px 1px 0px #7CACDE;
  padding: 3px 8px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: 2px solid #050202;
  background: #6995EE;
}
</style>
<script style='text/javascript'>
var numshowpage=4;
var postperpage =3;
var upPageWord="Anterior";
var downPageWord="Próxima";
var home_page="/";
var urlactivepage=location.href;
</script>
<script style='text/javascript' src='http://dl.dropbox.com/u/35784805/Mil%20Trucos%20Blogger/paginacionbloggermtb.js'></script></ textarea>

Finalizamos a primeira aula de 3 partes! Não se esqueçam de comentar :D

[Icons] - Find Icons #1

Encontre todo o tipo de ícones que necessita, basta digitar o nome e logo encontra uma grande variedade!

Link: http://findicons.com/

[Favicon] - Como criar Favicon online

Het gente, hoje venho disponibilizar um website que ajuda a criar favicons online, para quem não sabe o que é favicon, são pequenas imagens que ficam guardadas no seu site para visualização do navegador.

Aqui está ele: http://www.favicon.cc

[Blog] - Numeração de Páginas

Hey gente, hoje estava a navegar pela web e veio-me à ideia de colocar numeração de páginas no meu blog, eu procuro e procuro e só encontro algo como isto:

Depois estive a ver o código e percebi que era fácil de modificar usando código css, algum tempo depois acabei a numeração de páginas do meu blog, que ficou assim:

Que acham? Ficou bem melhor, né?

Tem aqui o código original:

<style type="text/css"> #blog-pager{font-size:normal;padding:10px 0;clear:both;} .showpageArea{font-family:verdana,arial,helvetica;color:#000;font-size:11px;margin:10px} .showpageArea a{color:#000} .showpageNum a{padding:3px 8px;margin:0 2px;text-decoration:none;border:1px solid #999;background:#ddd;color:#000;} .showpageNum a:hover{border:1px solid #888;background:#ccc} .showpageOf{margin:0 2px 0 0;padding:3px 8px;margin:0 2px;text-decoration:none;border:1px solid #999} .showpagePoint{color:#fff;padding:3px 8px;margin:2px;border:1px solid #999;background:#666; text-decoration:none} </style> <script style='text/javascript'> var numshowpage=4; var postperpage =3; var upPageWord="Anterior"; var downPageWord="Próxima"; var home_page="/"; var urlactivepage=location.href; </script> <script style='text/javascript' src='http://dl.dropbox.com/u/35784805/Mil%20Trucos%20Blogger/paginacionbloggermtb.js'></script></ textarea>

E aqui o código modificado, para utilizaram no vosso blog basta colocar como widget, aprenda aqui!

<style type="text/css"> #blog-pager{font-size:normal;padding:10px 0;clear:both;} .showpageArea{font-family:verdana,arial,helvetica;color:#000;font-size:11px;margin:10px} .showpageArea a{color:#000} .showpageNum a{padding:3px 8px;margin:0 2px;text-decoration:none;border:1px solid #999;background:#ddd;color:#000;background: #63B8EE; background: linear-gradient(top, #C4803C, #93602D); background: -ms-linear-gradient(top, #C4803C, #93602D); background: -webkit-gradient(linear, left top, left bottom, from(#C4803C), to(#93602D)); background: -moz-linear-gradient(top, #C4803C, #93602D); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 2px solid #000000;} .showpageNum a:hover{border:1px solid #888;background:#ccc;color: #14396A !important; background: #468CCF; background: linear-gradient(top, #468CCF, #63B8EE); background: -ms-linear-gradient(top, #468CCF, #63B8EE); background: -webkit-gradient(linear, left top, left bottom, from(#468CCF), to(#63B8EE)); background: -moz-linear-gradient(top, #468CCF, #63B8EE); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 2px solid #000000; } .showpageOf{padding:3px 8px;margin:0 2px;text-decoration:none;border:1px solid #999;background:#ddd;color:#000;background: #63B8EE; background: linear-gradient(top, #C4803C, #93602D); background: -ms-linear-gradient(top, #C4803C, #93602D); background: -webkit-gradient(linear, left top, left bottom, from(#C4803C), to(#93602D)); background: -moz-linear-gradient(top, #C4803C, #93602D); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 2px solid #000000;} .showpagePoint{color:#000000;padding:3px 8px;margin:2px;border:1px solid #999;background:#666; text-decoration:none;background: #FFFFFF; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 3px solid #000000;} </style> <script style='text/javascript'> var numshowpage=4; var postperpage =3; var upPageWord="Anterior"; var downPageWord="Próxima"; var home_page="/"; var urlactivepage=location.href; </script> <script style='text/javascript' src='http://dl.dropbox.com/u/35784805/Mil%20Trucos%20Blogger/paginacionbloggermtb.js'></script></ textarea>

Em breve irei fazer um tutorial para ensinar a mexer com css.

Bordas:

http://webtoools.blogspot.pt/2014/01/tutorialblog-modificar-codigo-css-bordas.html

Cores, Fontes e Sombras
http://webtoools.blogspot.pt/2014/01/tutorialblog-modificar-codigo-css-cores.html

[Sites Que Não Servem Para Nada] Partridge Gets Lucky #4

Hey, toda a gente conhece a música Get Lucky de Daft Punk, correto? Então nada melhor do que ver um gif animado dessa música. Espero que se divirtam ahahahah

Link: http://www.partridgegetslucky.com/

[QR Code] - Gerador de QR Code online

Boas gente, para quem não sabe o QR Code é um código de barras criado em 1994, e tem esse nome QR (Quick Response) pois possui a capacidade de ser interpretado rapidamente pelas pessoas, basta possuir na maioria das vezes um telemóvel com câmara e aplicativo de leitura. Para quem não sabe do que estou a falar, fica algumas imagens!

Nesta imagem podem ver as vastas possibilidades para a criação do QR Code

Link: http://goqr.me/

[Extensões Para Chrome] #1

Hey gente, mais uma nova postagem, desta vez de extensões para o Google Chrome. Para quem não sabe, extensões são recursos e funcionalidades extras que podem ser adicionados ao Chrome, deste modo podemos personalizar o nosso Chrome.

Em primeiro lugar temos o Adblock, possui uma média de 4,69/5! Com mais de 10.000.000 utilizadores, esta extensão como o nome indica, bloqueia todo o tipo de propaganda, se alguma não estiver bloqueada você pode clicar do lado direito do rato e bloqueá-la!

Em segundo lugar temos o Screen Capture (By Google), possui uma média de 3,4/5! Com mais de 1.500.000 utilizadores, esta extensão oferece-nos como próprio nome indica fazer um "print" à tela, podendo sem ter que salvar no pc, colocá-la no Picassa Web, Facebook, Sina Microblog e ainda Imgur, não ficando só por aqui dá-nos oportunidade de editar a foto online, podendo criar retângulos, inserir texto, etc, também temos oportunidade de só capturar uma certa região! Como vêem é bastante útil!

E por fim, em terceiro lugar temos o goo.gl URL Shortener, possui uma média de 4,72/5. Com mais de 306.000 utilizadores, esta extensão permite o encurtamento de um link, deste modo os links ficam muito menores. Passando de: http://webtoools.blogspot.pt/2014/01/extensoes-para-chrome-1.html para http://goo.gl/3uhmrM , muito mais pequeno. Quando quiserem encurtar links de sites ou imagens sem a extensão basta entrar neste site http://goo.gl/

Fontes: https://support.google.com/chrome/answer/154007?hl=pt-BR

[Sites Que Não Servem Para Nada] - Eel slap! #3

Hey gente, agora as postanges irão ser ás terças, quintas e fim de semana! A escola começou e fico sem tempo! Trago-vos mais uma vez um site que não serve para nada, apenas tem de arrastar o rato! =D

Espero que se divirtam!!!

Aqui está ele: http://eelslap.com/

[Tutorial] Google Analytics - Como colocar no Blog

Hey gente, vamos a mais um tutorial de Google Analytics. Depois de vocês criarem a conta, vão lhe dar um código para colocar no seu site/blog

<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', '**-*****-*', '*******');
  ga('send', 'pageview');

</script>

Depois de darem o código algumas pessoas não sabem onde colocar.

Se você usar o blogspot é fácil, basta ir a definições --> Outros --> Google Analytics e aí colocamos a ID de Controlo

Se não funcionar vão a esquema --> adicionar miniaplicação --> HTML/JavaScript

Agora é só colocar o código!

[4Fun] O que fazer quando um site não presta #1

A resposta para este problema chama-se Kick Ass - Destroy the web

A partir deste site, podemos destruir qualquer página da web, basicamente és um avião,

Controlos:

Setas - Movimento

Espaço - Disparar

F- Explodir Bomba, quando obter

No final irá dar-te um highscore

Nota: Para colocar o "avião" numa página web, é só arrastar o retângulo vermelho onde diz KICK ASS e colocar na página desejada.

Podem começar a destruir o meu blog =D

[Tutorial] Google Analytics - Como criar?

1º Passo:  Aceder ao Google Analytics ou experimente Aqui (Divertido) ;

2º Passo: Criar conta google (Gmail) ou se já tem iniciar sessão;

3º Passo: Selecionar um método de controlo, escolha o mais adequado para si;

4º Passo: Preencher as configurações da conta

Nome da conta: Nome que irá aparecer quando abrir o google analytics para distinguir de outras contas que poderá vir a ter

Nome do Website: Nome do seu website

URL do Website: Coloca o URL do seu website/blog

Categoria do setor: Você escolhe o que mas se adequado diante as opções

Fuso Horário de Relatórios: Escolha o do seu país ou de outro, como quiser!

5º Passo: Preencher as definições da partilha de dados

Estas opções são todas opcionais coloque ou retire consoante o que deseja.



6º Passo: Obter ID de Controlo, se aceitar os termos de utilização do google analytics clique em aceito se não aceitar nada feito.

7º Passo: Colocar a ID de Controlo num widget na página do blog

8º Passo: Esperar algum tempo para que o google analytics comece a "trabalhar" um dois dias

Aprenda alguns opções do Google Analytics

[Tutorial] Google Analytics - Tempo Real #1
[Tutorial] - Google Analytics - Público-Alvo #2
[Tutorial] - Google Analytics - Aquisição #3

[Tutorial] - Google Analytics - Aquisição #3

Google Analytics é um serviço online oferecido pela Google.

Com o Google Analytics pode monitorizar o seu site: ele está dividido em 4 relatórios.

Aquisição

-Descrição geral

Podemos ver de onde provém os leitores , e o seu comportamento (suas taxas de rejeição)

-Todo o Tráfego (Podemos ver de que sites provém os leitores)

-Etc.

[Tutorial] - Google Analytics - Público-Alvo #2

Google Analytics é um serviço online oferecido pela Google.

Com o Google Analytics pode monitorizar o seu site: ele está dividido em 4 relatórios.

Público-Alvo

-Descrição geral

Como podem ver, aqui podem quantas pessoas visitaram o WebSite,  o nº de visitantes, as visualizações da página, etc. Aqui controlam basicamente o que se passa no blog/site

-Dados Demográficos (Idade, Sexo)

-Interesses

-Geografia

-Fluxo de Visitantes (Quadro explicativo do que os leitores lêem na sua primeira abordagem, 2ª,...)

           Tempo Real                                                                                                 Aquisição

[Tutorial] Google Analytics - Tempo Real #1

Google Analytics é um serviço online oferecido pela Google.

Com o Google Analytics pode monitorizar o seu site.

Tempo Real

-Localização, de que cidade é o leitor que está online

-Principais páginas ativas

-Referências principais

-Palavras-Chave principais

-Quantas pessoas estão ativas no site/blog

          Público-Alvo                                                                                                              Aquisição