Dicas Online Grátis

Fotos dos pássaros coloridos mais bonitos do Brasil

2015-11-14T19:46:00.001-02:00

Diversas fotos de pássaros muito bonitos encontrados aqui no Brasil. Essas fotos são de apenas algumas espécies de pássaros bonitos encontrados no Brasil! Se você gosta de pássaros, por favor não compre esses animais, você está tirando a liberdade de um ser vivo que merece respeito e liberdade!

Ao invés de tirar a liberdade de uma animal, prefira algumas fotos bem grandes emolduradas para colocar na parede da sua sala. Muitas espécies de animais estão em risco de extinção devido ao comércio ilícito!

Imagens: (Flávio Mota - www.flickr.com) - avesdobrasil.openbrasil.org, weheartit.com, viajeaqui.abril.com.br, diariodamidia.com.br, forum.mundofotografico.com.br, www.pbase.com, unhasinspiradas.com, ismaeljsnature.blogspot.com, avesdobrasilemhaikai.blogspot.com, casadospassaros.net, www.4shared.com, ibc.lynxeds.com, www.mascotarios.org, www.biofaces.com, indulgy.com, www.timbonet.com.br, www.pinterest.com, andykjordan (flickr.com), ricardogentil (flickr.com), zoology-bro.tumblr.com, ibc.lynxeds.com, www.billholsten.com, www.flickriver.com, avemissoes.blogspot.com, octaviosalles.wordpress.com, www.fotolog.com, marcospaivafotografia.wordpress.com, galleryhip.com.

Fotos de animais que correm risco de extinção aqui no Brasil.

2015-11-08T13:47:00.000-02:00

De acordo com pesquisa realizada pelo Ministério do Meio Ambiente, o Brasil possui atualmente mais de 600 espécies de animais ameaçados de extinção. Dentre as espécies ameaçadas encontram-se aves, invertebrados, mamíferos, peixes e répteis. Você sabia que a extinção de uma pequena espécie é suficiente para causar um grande desequilíbrio na natureza? Ajude a preservar a natureza - se cada um de nós fizer a sua parte, faremos muito!

Conheça algumas dessas espécies que estão ameaçadas de extinção:

Imagens: baixaki.com.br, evoluahomosapiens.blogspot.com, www.tamar.org.br, pt.forwallpaper.com, revistaibmista.wordpress.com, pt.wikipedia.org, noticias.uol.com.br, nossaterra.folhadaregiao.com.br, bio-orbis.blogspot.com, www.achetudoeregiao.com.br, asboasnovas.com, www.reporterambiental.com.br, cristalinolodge.com.br, sociedadedosanimais.blogspot.com, www.meiamaratonadebh.com.br, estudandoabiologia.wordpress.com, www.fragmaq.com.br, blogs.diariodonordeste.com.br, www.oeco.org.br, ismaeljsnature.blogspot.com, cardealamarelo.blogspot.com, www.4shared.com, ibc.lynxeds.com, luizflorentino.comunidades.net, destino.blog.br, creagrus.home.montereybay.com, neotropical.birds.cornell.edu, www.eshoje.jor.br, picssr.com, www.sema.rs.gov.br, poesia-ambiente.blogspot.com, www.pinterest.com, euviumpassarinho.wordpress.com, avesandbirds.blogspot.com, ademircarosia.blogspot.com, www.flickr.com, www.wildbirdgallery.com, mundodasserpentes.blogspot.com, www.arthurgrosset.com

Código javascript para rotacionar banners de publicidade

2015-10-27T21:33:00.001-02:00

Ao invés de encher as páginas do seu blog ou website com 4 ou 5 banners de publicidade, você pode utilizar um pequeno código javascript para rotacionar banners. Além de economizar bastante espaço na página, também é uma boa forma de evitar a poluição visual do template. Eu utilizava esse código para rotacionar os banners de publicidade no meu antigo blog sobre cursos online. Você pode adicionar 10 banners ou mais, basta fazer as devidas alterações no código.

Cada vez que um usuário carregar uma página do seu blog ou website, um banner irá aparecer de forma aleatória. Esse javascript é bem fácil de editar, basta você seguir as orientações desse artigo. Tudo que estiver marcado com a cor vermelha, você pode editar - caso você tenha um pouco de conhecimento sobre javascript, poderá deixar esse código, melhor do que já está!

<script language="JavaScript">


var how_many_ads = 2;


var now = new Date()


var sec = now.getSeconds()


var ad = sec % how_many_ads;


ad +=1;


if (ad==1) {


txt="NOME DO LINK ABAIXO DO BANNER";


url="LINK DO BANNER";


alt="NOME DO PRODUTO";


banner="LINK DA IMAGEM";


width="300";


height="250";


}


if (ad==2) {


txt="NOME DO LINK ABAIXO DO BANNER";


url="LINK DO BANNER";


alt="NOME DO PRODUTO";


banner="LINK DA IMAGEM";


width="300";


height="250";


}


document.write('<center>');


document.write('<a href=\"' + url + '\" target=\"_parent\">');


document.write('<img src=\"' + banner + '\" width=')


document.write(width + ' height=' + height + ' ');


document.write('alt=\"' + alt + '\" border=0><br>');


document.write('<small>' + txt + '</small></a>');


document.write('</center>');


// End -->


</script>

Veja as possíveis personalizações do código:

- Largura da imagem do banner - width="300";

- Altura da imagem do banner - height="250";

- Link do banner, abre na mesma janela = document.write('<a href=\"' + url + '\" target=\"_parent\">');

- Link do banner, abre em uma nova janela = document.write('<a href=\"' + url + '\" target=\"_blank\">');

- Para exibir um link com o nome do produto abaixo do banner, basta você digitar uma frase no local indicado no código. Caso não queira um link abaixo do banner, deixe essa parte em branco!

- Texto alternativo: alt="NOME DO PRODUTO" - esse texto alternativo só é exibido para o usuário, quando a imagem não pode aparecer!

Para adicionar mais banners no código, faça isso:

Localize essa linha no código " var how_many_ads = 2;" - altere o valor numérico para o número correspondente à quantidade de banners. Se você colocou 5 banners, troque o número "2" pelo "5" e, assim, sucessivamente.

Esse pedaço de código corresponde a um novo banner:

if (ad==3) {


txt="NOME DO LINK ABAIXO DO BANNER";


url="LINK DO BANNER";


alt="NOME DO PRODUTO";


banner="LINK DA IMAGEM";


width="300";


height="250";


}

Veja no exemplo abaixo, temos 3 banners;

<script language="JavaScript">


var how_many_ads = 3;


var now = new Date()


var sec = now.getSeconds()


var ad = sec % how_many_ads;


ad +=1;


if (ad==1) {


txt="NOME DO LINK ABAIXO DO BANNER";


url="LINK DO BANNER";


alt="NOME DO PRODUTO";


banner="LINK DA IMAGEM";


width="300";


height="250";


}


if (ad==2) {


txt="NOME DO LINK ABAIXO DO BANNER";


url="LINK DO BANNER";


alt="NOME DO PRODUTO";


banner="LINK DA IMAGEM";


width="300";


height="250";


}


if (ad==3) {


txt="NOME DO LINK ABAIXO DO BANNER";


url="LINK DO BANNER";


alt="NOME DO PRODUTO";


banner="LINK DA IMAGEM";


width="300";


height="250";


}


document.write('<center>');


document.write('<a href=\"' + url + '\" target=\"_parent\">');


document.write('<img src=\"' + banner + '\" width=')


document.write(width + ' height=' + height + ' ');


document.write('alt=\"' + alt + '\" border=0><br>');


document.write('<small>' + txt + '</small></a>');


document.write('</center>');


// End -->


</script>

Caso precise de mais banners, vá adicionando o pedaço de código acima e substituindo também os números, 3, 4, 5, 6, 7, 8 etc. Espero que você consiga utilizar esse código javascript para rotacionar banners no seu projeto!

Como desembaçar rápido o espelho do banheiro depois do banho?

2015-10-26T18:55:00.003-02:00

Logo após uma pessoa tomar banho morno ou quente, o espelho do banheiro fica tão embaçado, que fica parecendo um vidro jateado! Se você é daquelas pessoas que gostam de utilizar o espelho do banheiro logo após tomar banho, para se pentear, colocar maquiagem - no caso dos homens, para fazer a barba - saiba que é possível desembaçar o espelho do banheiro de forma rápida e eficaz.

Imagem: tomadanova.wordpress.com
Materiais que você deve utilizar:

a)Um pedaço pequeno de pano limpo e seco.
b)Detergente de lavar louça.

Como fazer:

Basta você molhar o pano com o detergente puro e passar no espelho. Conforme você for espalhando, o espelho vai desembaçando. O espelho ficará com cerca de 97% a 98% de nitidez no reflexo! Você também pode utilizar sabonete líquido ao invés de detergente de lavar louça (eu prefiro o detergente).

40 filmes com Terence Hill e Bud Spencer

2015-10-25T20:23:00.002-02:00

Se você é fã dos filmes do Bud Spencer e do Terence Hill e ainda não viu todos os filmes que eles fizeram, confira essa lista com 40 filmes dessa dupla inesquecível - talvez tenha algum filme que você ainda não viu. Caso você ainda não saiba, Bud Spencer é o nome artístico de Carlo Vicente Pedersoli, um ex-atleta e ator italiano, nascido em Nápoles, dia 31 de outubro de 1929. Terence Hill é o nome artístico de Mario Giuseppe Girotti, um ator italiano, nascido em Veneza, dia 29 de março de 1939. Este último ficou famoso pelo personagem Trinity.

Imagem: www.tantusgalerie.de
Vale a pena assistir os filmes desses caras - os filmes são de ação e faroeste, misturados com um pouco de comédia. São filmes próprios para você assistir com a família toda.

Confira a lista de filmes com Terence Hill e/ou Bud Spencer (Obs: nem sempre os dois atores aparecem no mesmo filme):

1951 - Quo Vadis.
1963 - O Leopardo.
1967 - Deus perdoa... Eu não.
1967 - Os Pistoleiros Do Oeste.
1967 - Viva Django.
1968 - Os Quatro de Ave Maria.
1969 - A Colina dos Homens Maus.
1969 - Exército de 5 Homens.
1970 - Trinity é meu nome.
1971 - O Corsário Negro.
1971 - Trinity Ainda é Meu Nome.
1972 - Dá-lhe Duro, Trinity.
1972 - Il vero e il falso
1972 - Assim é Que Se Faz Amigo ou Inimigos Inseparáveis.
1972 - E agora me chamam O Magnífico.
1973 - Dois Anjos da Pesada ou Os anjos também comem feijão.
1973 - Meu Nome É Ninguém.
1973 - A Dupla Explosiva.
1974 - Dois Missionários do Barulho.
1975 - Trinity e Seus Companheiros.
1977 - Dois Tiras Fora de Ordem.
1978 - Par ou Ímpar.
1979 - Nós Jogamos com os Hipopótamos.
1980 - Super Snooper - Um tira genial.
1981 - Quem Encontra um Amigo, Encontra um Tesouro.
1982 - Banana Joe.
1983 - Dois Loucos com Sorte ou Espiões por Acaso.
1984 - Eu, Você, Ele e os Outros.
1985 - Os Dois Super Tiras em Miami.
1986 - Aladdin (Superfantagenio).
1987 - Renegado - Um Osso Duro de Roer.
1994 - Os Encrenqueiros.
1997 - Até o Limite (Al límite).
1999 - Filhos do Vento (Figli del vento).
2002 - Três para Sempre (Tre per sempre).
2003 - Cantando por Detrás das Cortinas (Cantando dietro i paraventi).
2005 - Pai Esperança (Padre Speranza).
2008 - Pão e Óleo (Pane e olio).
2009 - Tesouro, eu sou um assassino (Tesoro, sono un killer).
2009 - Doc West.

A maioria desses filmes que eu assisti, foram no Youtube - caso você não encontre alguns dos títulos, por lá, acredito que poderá achar os filmes online em outro lugar. Os últimos são muito difíceis de encontrar - tomara que você tenha sorte.

Windows XP Service Pack 3 (SP3) - Download Grátis

2015-10-08T14:46:00.000-03:00

O Windows XP Service Pack 3 (SP3) é uma atualização importante que inclui atualizações de segurança, desempenho e estabilidade já lançadas para o Windows XP. Só lembrando que, não existe Windows XP Service Pack 3 (SP3) para a versão de 64 bits do Windows XP - o Windows XP Service Pack 3 (SP3) funciona somente na versão de 32 bits do Windows XP.

Para instalar o Windows XP Service Pack 3, você já deve ter instalado antes no seu computador o Windows XP Service Pack 1 (SP1) ou o Windows Service Pack 2 (SP2). Para fazer o download gratuito do Windows XP Service Pack 3, basta clicar no link abaixo:

Download do Windows XP Service Pack 3 (SP3) - 302 MB
Para saber se o Windows XP SP3 já está instalado no seu computador, basta você clicar no menu Iniciar ==> depois clique com o botão direito do mouse em Meu Computador ==> depois clique em Propriedades.

No menu "Geral" vai aparecer a versão do Service Pack, listado na seção Sistema. Caso apareça "Service Pack 3", significa que o SP3 já foi instalado no computador e que não é necessário fazer nenhuma instalação do SP3.

Para instalar o Windows XP Service Pack 3 (SP3) no seu computador, basta baixar e abrir o arquivo; a instalação irá começar de forma automática.

Como excluir uma pasta ou arquivo que não quer ser excluído?

2015-10-08T02:00:00.000-03:00

Nenhum internauta está livre de baixar algum arquivo infectado com vírus, em websites que parecem confiáveis. Muitas vezes, esses arquivos se recusam a serem excluídos - quando você tenta excluir o arquivo aparece uma mensagem de erro, dizendo que o arquivo não existe, endereço não encontrado, esse arquivo não pode ser excluído, etc. Nesse momento, o internauta já começa a ficar estressado, e já começa a pensar no trabalho que vai ser para formatar o computador! Apesar de ser uma grande ideia formatar o seu computador, não há necessidade disso.

Imagem: www.primavera.com.br
Só para constar - formatar o HD do computador 2, 3 ou 4 vezes ao ano, não danifica e nem diminui a vida útil do HD. Portanto, você pode formatar o seu computador ou notebook, quantas vezes desejar. As únicas formas mais prováveis de danificarem um HD são os impactos físicos ou instabilidades elétricas. A vida útil de um HD varia de 5 a 10 anos, dependendo da qualidade do produto, pode ultrapassar esse tempo de vida - salvo quando vem com defeitos de fabricação!

Uma forma fácil que encontrei para excluir arquivos persistentes no computador, foi utilizando o WinRAR. Eu estava tentando excluir um arquivo persistente, que não queria ser excluído de jeito nenhum - tentei excluir o arquivo através do prompt de comando, utilizei o unlocker, e não deu certo! Resolvi experimentar o WinRAR, e a exclusão do arquivo acabou sendo mais simples do que pensei!

O WinRAR é um software que serve para você compactar ou descompactar arquivos no seu computador, ele suporta vários formatos de arquivos. Caso você ainda não tenha, basta baixar o WinRAR no website oficial. Depois de instalar o WinRAR no seu computador, todas as pastas e arquivos poderão ser compactados pelo software.

a)Crie uma pasta, localize o arquivo que deseja excluir e coloque dentro da pasta.
b)Clique na pasta com o botão direito do mouse.
c)Escolha a opção "Add to archive...".

d)Vai abrir uma pequena janela, marque a opção "Delete files after archiving". Clique em "OK".

Pronto! O WinRAR deletou a pasta com os arquivos. Agora, basta você deletar o arquivo compacto que o WinRAR criou e depois esvaziar a lixeira.

Você também pode utilizar o CCleaner, caso você queira limpar restos de arquivos deletados, que ficam escondidos no sistema operacional do seu computador, histórico de navegação entre outros. Espero que você consiga resolver o seu problema utilizando esse método.

Cursos online gratuitos profissionalizantes

2015-10-05T20:57:00.000-03:00

Atualmente os cursos virtuais são a melhor alternativa para você que está procurando praticidade, conforto e segurança. Quando você escolhe fazer cursos virtuais, você está economizando tempo e dinheiro - os cursos virtuais são muito mais práticos do que os cursos presenciais, porque você pode estudar em qualquer dia e horário, sem sair do conforto da sua casa, basta ter uma conexão de internet. Porquê correr riscos desnecessários pelas ruas, se você pode estudar online na maior tranquilidade junto de sua família.

Imagem: www.newsntipsupdates.tk A escola Cursos Virtuais está oferecendo alguns cursos online grátis com certificado. Os cursos têm 20 horas de duração e início imediato. Que tal aprender gratuitamente a fazer pintura com aquarela e parafina em camisetas e tecidos - você pode ganhar um bom dinheiro personalizando camisetas, almofadas, entre outros tecidos. Há também o curso ABC da Conquista; nesse curso você vai aprender como conquistar a mulher dos seus sonhos.

Outro curso bem interessante, é o Curso como Expandir sua Inteligência; esse curso irá ajudar você a expandir a sua capacidade mental, fazendo com que você seja mais produtivo(a) no dia a dia e no trabalho. Outro curso bom para ganhar dinheiro com trabalhos de paisagismo, é o Curso Lagos de Jardins; nesse curso você vai aprender a criar um laguinho com chafariz, laguinho com cachoeira, corredeira e laguinho com peixes e, laguinho com peixes. Esses são apenas alguns dos cursos gratuitos oferecidos pela escola Cursos Virtuais!

A escola Cursos Virtuais é um website brasileiro de educação a distância, essa empresa está inscrita no CNPJ/MF sob no 08.179.401/0001-62 - também está associada à ABED (Associação Brasileira de Educação A Distância). Além dos cursos gratuitos oferecidos pela escola, você também encontra cursos a distância com certificado, e ótimos preços, divididos em diversas categorias, por exemplo: curso de chaveiro, artesanato, culinária, eletricidade, automotivo, estética e beleza, fotografia, telemarketing, refrigeração, soldagem... Esses são apenas alguns dos cursos oferecidos pela escola Cursos Virtuais. Abaixo, temos uma pequena amostra com alguns dos cursos que você encontra na escola Cursos Virtuais:

Programa de Afiliados CursosVirtuais.net

Hoje em dia é preciso ter alguma qualificação profissional para conseguir arrumar um bom emprego com ótimo salário! Portanto, se você quiser se destacar no mercado de trabalho, não pense no dinheiro que você está gastando com cursos de qualificação profissional, e sim, no quanto você poderá ganhar ao conseguir um bom emprego! Você e a sua família merecem tudo do bom e do melhor - para conseguir prosperidade financeira e uma carreira profissional com futuro promissor, é preciso ter força de vontade a acreditar na sua capacidade! Deixe a preguiça de lado, esqueça as redes sociais e comece a estudar online, fazendo cursos de qualificação profissional.

Linguagens de programação mais requisitadas no mercado de trabalho

2015-08-20T16:10:00.000-03:00

Os avanços tecnológicos estão sempre em evolução constante, e as empresas estão investindo cada vez mais em profissionais qualificados, para poderem manter-se na competição de mercado. Pessoas que estão procurando vagas de emprego para programador, precisam estar atentas às demandas e oportunidades do mercado de trabalho. Segundo a indexadora de vagas de empregos Adzuna, as linguagens de programação mais requisitadas nas vagas de emprego, são:

Imagem: blogs.estadao.com.br
a)SQL: 33,54% e média salarial de R$ 3,4 mil
b)JavaScript: 14,61% e média salarial de R$ 3,2 mil
c)PHP: 13,67% e média salarial de R$ 2,3 mil
d)CSS: 12,74% e média salarial de R$ 2,7 mil
e)C#: 8,73% e média salarial de R$ 3,6 mil
f)HTML5: 4,02% e média salarial de R$ 3 mil
g)C: 2,86% e média salarial de US$ 3,9 mil
h)Java: 2,86% e média salarial de R$ 4,2 mil
i)C++: 2,2% e média salarial de R$ 4,3 mil
j)Ruby: 1,73% e média salarial de R$ 3,6 mil
k)Python: 1,60% e média salarial de R$ 4,4 mil
l)Objective-C: 0,6% e média salarial de R$ 3,9 mil

Essa pesquisa de vagas de empregos que exigem conhecimento em linguagens de programação, corresponde às vagas em: São Paulo (3.919), Rio de Janeiro (1.734), Porto Alegre (1.378), Brasília (808), Campinas (661), Belo Horizonte (659), Curitiba (627) e Florianópolis (290).

Via: http://www.tecmundo.com.br e https://www.adzuna.com.br

Como arrumar um bom emprego com ótimo salário?

2015-08-05T20:15:00.000-03:00

Antigamente era muito mais fácil conseguir uma vaga de emprego, pois o mercado de trabalho não era tão exigente; era necessário apenas ter alguma experiência na função do cargo ocupado. Mas, os tempos mudaram e as tecnologias avançaram muito rápido - hoje em dia é necessário fazer curso até para operar algumas máquinas agrícolas que possuem computador de bordo! Portanto, se você não possui nenhuma qualificação profissional, prepare-se antes de sair procurando vagas de emprego, faça algum curso de qualificação profissional. Caso você já tenha feito algum curso, faça outros - conhecimento nunca é demais. Quanto mais qualificações você tiver, maiores serão as chances para conseguir uma vaga de emprego.

Imagem: http://www.anpanama.com

O que diferencia uma pessoa na hora de conseguir uma vaga de emprego, são os cursos de qualificação em seu currículo. Os empregadores preferem pessoas com qualificação profissional! É por isso, que eu sempre digo, antes de sair procurando vagas de emprego, faça algum curso de qualificação profissional, pois as suas chances em conseguir uma vaga de emprego irão aumentar bastante!

Você pode fazer cursos de qualificação profissional, sem sair do conforto da sua casa, basta apenas que você tenha um computador, tablet ou notebook com conexão de Internet. Os cursos online têm o mesmo valor e qualidade de um curso presencial e ainda possuem certificados de conclusão.

Quantas horas, talvez você e/ou muitas outras pessoas perdem ou já perderam acessando o site do Facebook?! Talvez esse tempo fosse melhor aproveitado, fazendo cursos online de qualificação; quanto mais qualificação profissional você tiver, fica muito mais fácil para conseguir empregos com ótimos salários!

Um dos melhores websites para estudar online, é no website do Cursos 24 Horas. Essa empresa já formou mais de 250.000 mil alunos. Os cursos são excelentes, baratos e não possuem mensalidades. Para entender melhor as vantagens e como funciona estudar online através dessa empresa, recomendo que você assista ao vídeo abaixo, para esclarecer as suas dúvidas. O vídeo tem apenas 5:26 minutos - vale cada segundo:

Lista dos cursos online!

Se você deseja realizar sonhos, e ter um melhor estilo de vida para você e a sua família, pense desde já em ganhar mais dinheiro, conseguindo um emprego melhor e com ótimo salário.

Cursos online sobre saúde

2015-07-20T13:22:00.001-03:00

Está ficando cada vez mais difícil para as pessoas que não possuem nenhuma qualificação profissional conseguirem um bom emprego, porque a cada dia que passa, a concorrência no mercado de trabalho só vem aumentando! Devido ao fato de os empregadores terem mais opções de escolhas na hora de contratar um profissional, eles preferem escolher somente os currículos de pessoas que tenham alguma qualificação profissional. Há 10 anos, era muito mais fácil para qualquer pessoa conseguir um bom emprego, pois o mercado de trabalho não era tão exigente, era necessário apenas ter alguma experiência na função do cargo ocupado. Os tempos mudaram, o que era fácil, ficou difícil, e o que era difícil, ficou ainda mais difícil!

Imagem: http://www.sincron.com.br
O que vai diferenciar você na hora de ocupar uma vaga de emprego, são os cursos de qualificação profissional em seu currículo; sem qualificação profissional, você é apenas mais uma pessoa desempregada, que está disputando uma vaga de emprego com centenas de concorrentes. Por este motivo, a melhor opção é fazer algum curso de qualificação profissional antes de sair procurando emprego, porque as suas chances em conseguir alguma vaga de emprego irão aumentar bastante!

Você pode fazer cursos de qualificação profissional, sem sair do conforto da sua casa, basta apenas que você tenha um computador, tablet ou notebook com conexão de Internet. Os cursos online têm o mesmo valor e qualidade de um curso presencial e, ainda possuem certificados de conclusão.

Quantas horas, talvez você e/ou muitas outras pessoas perdem ou já perderam acessando o site do Facebook?! Talvez esse tempo fosse melhor aproveitado, fazendo cursos online de qualificação profissional; quanto mais qualificação profissional você tiver, fica muito mais fácil para conseguir empregos com ótimos salários!

Um dos melhores websites para estudar online, é no website do Cursos 24 Horas. É uma empresa séria e idônea, já formou mais de 230.000 mil alunos. Os cursos são excelentes, baratos e não possuem mensalidades. Para entender melhor as vantagens e como funciona estudar online através dessa empresa, recomendo que você assista ao vídeo abaixo, para esclarecer as suas dúvidas. O vídeo tem apenas 5:26 minutos - vale cada segundo:

Confira a lista dos cursos online sobre saúde - você pode escolher entre: Assistente Social, Balconista de Farmácia, Cromoterapia, Cuidador de Idosos, Drenagem Linfática, Educação Sexual, Enfermagem, Enfermagem do Trabalho, Gestão Hospitalar, Nutrição Clínica, Nutrição Esportiva, Nutrição Infantil, Pedagogia Hospitalar, Práticas de Fisioterapia, Primeiros Socorros...

Talvez os cursos online que estão listados nas páginas deste website, não sejam os cursos que você está procurando! Não tem problema, basta você acessar a lista completa de todos os cursos online do website Cursos 24 Horas - os cursos online estão divididos em categorias, talvez você encontre o curso desejado.

Gadget barra de vídeo do Blogger personalizado com CSS

2015-04-10T21:56:00.003-03:00

O gadget do Blogger denominado barra de vídeo, é muito útil para exibir vídeos recentes de um determinado canal do YouTube ou para exibir vídeos aleatórios, oriundos de palavras-chave. O grande problema é que esse gadget, está muito estreito, e ainda exibe o logotipo do YouTube. Felizmente, podemos personalizar esse gadget utilizando CSS!

Imagem: http://pixabay.com/pt/filme-pel%C3%ADcula-fotogr%C3%A1fica-voc%C3%AA-589491/
O gadget barra de vídeo padrão do Blogger exibe apenas 4 vídeos, não é possível exibir mais ou menos vídeos! As explicações neste artigo mostram apenas como aumentar a largura e altura do gadget e, como ocultar o logotipo do YouTube.

Antes.
Depois - Personalizado com CSS.
Primeiro você deve adicionar este CSS que está logo abaixo, direto no código fonte do seu blog, logo acima de "]]></b:skin>".

a)Faça login no painel de controle do Blogger.
b)Escolha a opção "Modelo" ==> "Editar HTML".
c)Procure por "]]></b:skin>" e, cole logo acima, este CSS:

.videoBar-container {float: left !important;}

div.resultDiv_gsvb {background: #555 !important; height: 120px !important; width: 300px !important;}

div.resultDiv_gsvb img {width: 300px !important; height: 120px !important;}

.gsc-branding-img-noclear, .gsc-branding-text {display: none !important;}

d)Depois, clique em "Salvar modelo".

Partes importantes para editar no CSS:

.videoBar-container - Controla o alinhamento do gadget.
div.resultDiv_gsvb - Controla a cor do plano de fundo, altura e largura de todas as "caixas gadget".
div.resultDiv_gsvb img - Controla a largura e altura das imagens dos vídeos que aparecem no gadget.

Ok, agora basta você adicionar no seu blog o gadget barra de vídeo (caso ainda não tenha feito isso).

a)Acesse o painel de controle do Blogger.
b)Escolha a opção "Layout" ==> "Adicionar um Gadget".
c)Escolha a opção "Barra de vídeo" - faça os ajustes necessários e, clique em "Salvar".

Acesse a página do seu blog, e veja se está tudo certo! O gadget está funcionando perfeitamente em navegadores modernos.

Cursos online grátis

2015-04-09T18:39:00.001-03:00

Hoje em dia apesar dos cursos online estarem facilitando a vida de muitas pessoas, não são todas as pessoas que têm acesso à maioria desses cursos devido à problemas financeiros! Há milhares de cursos online bem baratos com ótima qualidade; mas, pode parecer caro para uma pessoa que está desempregada! Tá certo, que investir dinheiro em cursos é bom para o seu futuro profissional, mas, se houver bons cursos gratuitos disponíveis, aproveite para estudar, pois você estará economizando o seu dinheiro. Conheça alguns websites que oferecem cursos online gratuitos.

Imagem: http://pixabay.com/pt/estudantes-computador-jovem-rapaz-99506/
Nesses websites da lista abaixo, você irá encontrar diversos materiais de estudos (vídeos, apostilas etc).

a)Ead Sebrae - Website com cursos gratuitos de empreendedorismo.
b)Alison - Cursos gratuitos, divididos em diversas categorias (site em inglês).
c)Estude Grátis - Website com materiais de estudo para concursos públicos.
d)iAulas - Website com grande acervo de apostilas e cursos grátis.
e)Conversion - Website com cursos gratuitos sobre SEO (Search Engine Optimization).
f)Prime Cursos - Website com centenas de cursos online grátis, divididos em diversas categorias.

Conheça também, a nossa lista de websites com cursos de programação. A lista desta página será atualizada quando descobrirmos novos websites de qualidade, que possuam cursos online grátis.

Random post na barra lateral do Blogger

2015-04-07T18:34:00.000-03:00

Este gadget não exibe artigos relacionados, ele exibe apenas artigos aleatórios, derivados de diversos marcadores com categorias diferentes. Para instalar gratuitamente este gadget no seu blog do Blogger, basta você copiar o código e, adicionar num elemento de página do Blogger. Faça as personalizações necessárias no código, para adaptá-lo às necessidades do seu blog!

Imagem: http://pixabay.com/pt/dos-dados-red-dois-jogo-circulante-25637/
As personalizações básicas no código CSS, são:

a)color: #4c86f0 !important; - Cor do título.
b)font-size: 16px !important; - Tamanho da fonte do título.
c)color: #444 !important; - Cor do título ao passar o mouse.
d)width: 90px; - Largura da imagem.
e)height: 90px; - Altura da imagem.

As personalizações básicas no código JavaScript, são:

a)var rdp_numposts=5; - Determina a quantidade de artigos que será exibida no blog.
b)var rdp_snippet_length=0; - Determina a quantidade de caracteres do resumo. Quando o usuário passar o mouse sobre o título, irá aparecer um resumo do texto do artigo (só aparece algo, se o valor for maior do que "0").
c)var img_width=90; - Largura da imagem (deverá ser o mesmo valor do código CSS).
d)var img_height=90; - Altura da imagem (deverá ser o mesmo valor do código CSS).
e)var rdp_info='no'; - Mostra data e comentários, quando ativado por "yes".

Basta copiar o código abaixo, e adicionar num elemento de página do seu blog.

<style type='text/css'>
#random-posts {text-align: left;}
#random-posts li {margin: 5px 0 0 !important;}
#random-posts li a {color: #4c86f0; font-size: 16px !important; line-height: 17px; font-family: Arial;}
#random-posts li a:hover {text-decoration: none !important; color: #444 !important;}
#random-posts img {float: left; margin-right: 5px; width: 90px; height: 90px;}
</style>

<ul id='random-posts'>
<script type='text/javaScript'>
var rdp_numposts=5;
var rdp_snippet_length=0;
var img_width=90;
var img_height=90;
var rdp_info='no';
var rdp_comment='Comments';
var rdp_disable='Comments Disabled';
var rdp_current=[];var rdp_total_posts=0;var rdp_current=new Array(rdp_numposts);function totalposts(json){rdp_total_posts=json.feed.openSearch$totalResults.$t}document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalposts\"><\/script>');function getvalue(){for(var i=0;i<rdp_numposts;i++){var found=false;var rndValue=get_random();for(var j=0;j<rdp_current.length;j++){if(rdp_current[j]==rndValue){found=true;break}};if(found){i--}else{rdp_current[i]=rndValue}}};function get_random(){var ranNum=1+Math.round(Math.random()*(rdp_total_posts-1));return ranNum};
</script>
<script type='text/javaScript'>
function random_posts(json){for(var i=0;i<rdp_numposts;i++){var entry=json.feed.entry[i];var rdp_posttitle=entry.title.$t;if('content'in entry){var rdp_get_snippet=entry.content.$t}else{if('summary'in entry){var rdp_get_snippet=entry.summary.$t}else{var rdp_get_snippet="";}};rdp_get_snippet=rdp_get_snippet.replace(/<[^>]*>/g,"");if(rdp_get_snippet.length<rdp_snippet_length){var rdp_snippet=rdp_get_snippet}else{rdp_get_snippet=rdp_get_snippet.substring(0,rdp_snippet_length);var space=rdp_get_snippet.lastIndexOf(" ");rdp_snippet=rdp_get_snippet.substring(0,space)+"";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rdp_commentsNum=entry.thr$total.$t+' '+rdp_comment}else{rdp_commentsNum=rdp_disable};if(entry.link[j].rel=='alternate'){var rdp_posturl=entry.link[j].href;var rdp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rdp_thumb=entry.media$thumbnail.url}else{rdp_thumb="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgC4whq4wv1T1aXOUkQXZpnUqQ7jSvXWQRrPRiJLXO_4ohz_P4dMjO2LergOKAsWz_1LIPB0_o-VRSnF079CYuMf4RKvqEXK0pdZW_rWxWsZIWxGV-f5CnXxP4MqC9N2jN_PhDnsJyvkkk/s1600/no_thumb.png"}}};document.write('<li>');document.write('<a href="'+rdp_posturl+'" rel="nofollow"><img alt="'+rdp_posttitle+'" src="'+rdp_thumb.replace("/s72-c/","/s"+img_width+"-h"+img_height+"-c/")+'"/></a>');document.write('<div><a href="'+rdp_posturl+'" rel="nofollow" title="'+rdp_snippet+'">'+rdp_posttitle+'</a></div>');if(rdp_info=='yes'){document.write('<span>'+rdp_postdate.substring(5,7)+'/'+rdp_postdate.substring(8,10)+'/'+rdp_postdate.substring(0,4)+' - '+rdp_commentsNum)+'</span>'}document.write('<div style="clear:both"></div></li>')}};getvalue();for(var i=0;i<rdp_numposts;i++){document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&start-index='+rdp_current[i]+'&max-results=1&callback=random_posts\"><\/script>')};
</script>
</ul>

Faça login no painel de controle do Blogger ==> escolha a opção "Layout" ==> clique em "Adicionar um Gadget" ==> HTML/JavaScript ==> cole o código dentro do gadget ==> clique em "Salvar".

O Internet Explorer está limitando o acesso à blogs e websites!

2015-03-26T15:45:00.000-03:00

O Internet Explorer sempre foi um dos maiores inimigos dos desenvolvedores, para criarmos um blog ou website que funcione no IE, precisamos adicionar alguns códigos nas páginas. Sem esses códigos, a maioria das páginas de blogs e websites não iriam funcionar direito, mesmo nas "versões um pouco mais modernas" do IE. O grande problema é que na maioria dos casos, esses códigos acabam prejudicando o bom desempenho de um blog ou website, porque a página acaba demorando muito mais tempo para carregar!

Imagem: acieg.com.br
A grande maioria dos blogs e websites modernos, não funcionam direito em algumas versões do Internet Explorer. Portanto, se você deseja apreciar o que tem de melhor na Internet, deixe de utilizar o Internet Explorer! Utilizar navegadores modernos, não é só uma questão de estética e rapidez no acesso à páginas da Internet, é também uma questão de segurança e privacidade.

Se você é uma pessoa de bom gosto, adora ver as páginas de blogs e websites funcionando perfeitamente e carregando bem rápido, sugiro que você instale o Firefox, Opera ou o Google Chrome. É bem fácil de instalar, mesmo que você não entenda muito de Internet, e/ou o seu computador seja um pouco antigo, não haverá dificuldades.

Desapegue do passado, e comece aproveitar as novas oportunidades e possibilidades que as tecnologias do futuro podem lhe oferecer! Enquanto não lançarem o Internet Explorer 12, instale no seu computador um desses navegadores modernos e famosos:

a)Firefox - Download no site do Firefox - Download no Baixaki.
b)Opera - Download no site do Opera - Download no Baixaki.
c)Google Chrome - Download no site do Google Chrome - Download no Baixaki.

O nosso website e a maioria de outros blogs e websites modernos, não funcionam de forma perfeita na maioria das versões do Internet Explorer. Por este motivo, recomendamos que você instale um navegador moderno, porque dentro de pouco tempo não haverão mais blogs e websites compatíveis com esses navegadores antigos.

Como excluir um blog no blogger?

2015-03-24T10:40:00.000-03:00

Para conseguir excluir um blog no Blogger, você precisa ser proprietário(a) ou ter permissão de administrador(a). Depois de excluído, o seu blog permanecerá por 90 dias na lista de blogs excluídos - através dessa lista você poderá restaurar o seu blog a qualquer momento, caso tenha posteriormente algum arrependimento.

Imagem: www.freepik.com
Procedimentos para excluir um blog no Blogger.

a)Faça login no painel de controle do Blogger.
b)Clique no botão com uma seta que aponta para baixo, localizado ao lado esquerdo de "Visualizar blog".
c)Escolha a opção "Configurações" e, a opção "Outro".
d)Procure por "Ferramentas do blog" e, clique no link "Excluir blog".
e)Clique em "Excluir este blog".

Pronto, o seu blog foi excluído com sucesso!

Como recuperar um blog excluído no Blogger?

Ao excluir um blog no Blogger, irá aparecer um menu na barra lateral à esquerda do painel de controle, com o link de texto "Blogs excluídos". Clique no link "Blogs excluídos" e, depois clique em "Desfazer exclusão". Você só poderá recuperar o seu blog, dentro do prazo de 90 dias após sua exclusão.

Em alguns casos raros, um blog excluído poderá aparecer online. Caso aconteça esse problema, limpe o cache do navegador e, logo em seguida atualize a página. Os mecanismos de buscas costumam armazenar as páginas do seu blog em seu índice de pesquisa. Para garantir a remoção completa das páginas do seu blog nos resultados de pesquisa do Google, é necessário fazer um pedido de remoção de urls.

Você deve pedir para remover todas as urls do seu blog que estiverem aparecendo no Google, uma por uma (não adianta pedir para remover somente a url da página incial, porque as outras urls não irão desaparecer)!

Como remover páginas de blogs e websites do índice de pesquisa do Google?

1)Acesse a página do Google Webmaster Tools.
2)Clique no link do blog que você deseja excluir.
3)Na barra lateral à esquerda, clique em "Índice do Google" e, depois em "Remover URLs".
4)Clique em "Criar uma nova solicitação de remoção".
5)Digite o endereço url completo da página do seu blog. Clique em "Continuar".
6)Confirme a remoção da página.
7)Depois, clique em "Enviar solicitação".

Bom, é isso! Espero que este artigo lhe seja útil! Só lembrando que, ao pedir para o Google remover os endereços urls do seu blog, você deve aguardar alguns dias. Caso eles aceitem o seu pedido, vai demorar no mínimo 7 dias.

Como excluir um vídeo no YouTube?

2015-03-23T12:27:00.001-03:00

Excluir vídeos no YouTube é muito mais fácil do que você imagina! Atualmente, a única dificuldade para excluir vídeos, é na versão do site móvel do YouTube. Para excluir vídeos utilizando um dispositivo Android, iOS ou Windows Phone, você deve utilizar o app do YouTube para Android, iOS ou Windows Phone. Caso contrário, utilize um computador para fazer login no YouTube.

Imagem: logo-kid.com
Só lembrando que, ao excluir um vídeo não será mais possível recuperá-lo através do YouTube - tenha plena certeza que deseja excluir o vídeo (é bom ter uma cópia do arquivo do vídeo). A exclusão total de um vídeo dos arquivos do YouTube pode demorar no mínimo 24 horas.

Excluir vídeos no YouTube, utilizando um dispositivo Android ou Windows Phone.

a)Faça login no YouTube.
b)Clique no menu guia, localizado no canto superior esquerdo, e acesse a opção "Envios".
c)Procure o vídeo que você deseja excluir. Clique no ícone do menu à direita dos detalhes do vídeo.
d)Excolha a opção "Excluir".

Excluir vídeos no YouTube, utilizando um dispositivo iOS.

a)Faça login no YouTube.
b)Clique no menu guia, localizado no canto superior esquerdo, e acesse a opção "Meu canal".
c)Selecione a opção "Vídeos" para poder ver os vídeos que você enviou.
d)Procure o vídeo que você deseja excluir. Clique no ícone do menu à direita dos detalhes do vídeo.
e)Escolha a opção "Excluir".

Excluir vídeos no YouTube, utilizando um computador.

a)Faça login no YouTube.
b)Escolha a opção "Meu canal".
c)Escolha a opção "Gerenciador de vídeos".
d)Marque as caixinhas de seleção ao lado dos vídeos que você deseja excluir.
e)Clique no menu "Ações" e, depois em "Excluir".

As dicas deste artigo são para remoção de vídeos postados por você, para denunciar algum abuso, assédio, conteúdo impróprio ou reivindicações de privacidade, você deve acessar a Central de Segurança do YouTube.

Caixa de e-mail responsiva do FeedBurner

2015-03-20T12:10:00.000-03:00

Devido ao grande crescimento de acessos à Internet através de dispositivos móveis, os blogs e websites que não desejam ficar parados no tempo, precisam estar preparados para atender essa nova tendência de mercado! Para atender esse público, seu blog ou website vai precisar de um template responsivo, além de gadgets com esse mesmo padrão. Pensando em lhe ajudar nessa tarefa, resolvi trabalhar neste formulário responsivo de e-mail do FeedBurner.

Este formulário de e-mail do FeedBurner, é o mesmo que estou utilizando neste website. Acesse a nossa página da newsletter e faça o teste - aproveita e subscreve a newsletter do Dicas Online Grátis. Para adicionar este formulário na sua página da web, basta você copiar este código abaixo, e adicionar num elemento de página na barra lateral do seu blog ou website; é possível também, adicionar numa página estática do Blogger ou numa página de artigos.

<style type="text/css">

.newsletter{background:#333;height:350px;width:100%;max-width:290px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;margin:5px 5px 1px 1px;}#e-mail{border:0px solid #003000;background:#eee url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmJDLTYqnO-2_vDGtvn23KfRy6y6rC1MlyxIkQn-buDGterycF7CF_Bl5eSvA1OIoth-KrqiAbbtb0vqLh6ExfGi3QPFQwew1cV365e8aODTddKkqWhc8YsFLjQF06qIWY0I8PR3cwihU/s1600/Arroba.png) no-repeat 10px 8px;display:block;padding:17px 22px;float:middle;margin-top:20px;margin-left:4px;margin-right:5px;color:#888;font-size:17px;font-weight:bold;height:32px;width:70%;overflow:hidden;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;box-shadow:0 0 8px 0 #000 inset;}.master{float:middle;background:#4c86f0;margin-top:15px;margin-right:5px;-moz-box-shadow:2px 2px 15px #000;-webkit-box-shadow:2px 2px 15px #000;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;box-shadow:0 0 8px 0 #000 inset;color:#ddd;font-size:17px;font-weight:bold;padding:7px 10px;border:0px;height:80px;width:78%;}.master:hover{float:middle;background:#4c86f0;opacity: 0.8;margin-top:15px;-moz-box-shadow:2px 2px 15px #000;-webkit-box-shadow:2px 2px 15px #000;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;box-shadow:0 0 8px 0 #000 inset;-webkit-transition-duration: .90s;color:#ddd;font-size:17px;font-weight:bold;padding:7px 10px ;border:0px;height:80px;width:78%;cursor:pointer;}

.call {float:middle;font-size:32px;font-weight:bold;color:#4c86f0;text-shadow: 0 0 3px #4c86f0;}

</style><br />

<center>

<div class="newsletter">

<br />

<span class="call">Subscreva a Newsletter</span>

<br />

<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feeds.feedburner.com/DicasOnlineGratis', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">

<input id="e-mail" name="email" onclick="this.value='';" type="text" value="" /><br />

<input class="master" type="submit" value="Assinar Grátis" />

<input name="uri" type="hidden" value="DicasOnlineGratis" />

<input name="loc" type="hidden" value="pt_BR" />

</form>

</div>

</center>

Personalize este formulário, de acordo com as configurações do local onde ele será adicionado. Este código está personalizado para exibir o formulário numa barra lateral com 300px de largura.

A)max-width:290px - Controla a largura máxima do formulário;
b)background:#333 - Controla a cor de fundo do formulário;
c)background:#4c86f0 - Controla a cor de fundo do botão de ação no formulário (2x);
d)font-size:32px, color:#4c86f0, text-shadow: 0 0 3px #4c86f0 - Controla o tamanho, cor e sombra do título de chamada no formulário.

Não esqueça de substituir o "DicasOnlineGratis" pelo endereço do Feedburner do seu blog ou website. Os textos marcados podem ser substituídos por outros de sua preferência.

Botões do Twitter, Facebook e Google Plus para colocar no blogger

2015-03-02T19:19:00.000-03:00

Esse era o código de botões de redes sociais, que eu estava utilizado no meu website. O código está funcionando perfeitamente, basta você fazer algumas mudanças para adaptá-lo ao layout do seu blog.

Imagem: www.jazzexpress.com.br
Antes de fazer qualquer mudança no template do seu blog, faça backup do template atual - caso dê algum erro, ou você não gostar da personalização, fica mais fácil recuperar. Acesse o painel de controle do seu blog ==> Modelo ==> Fazer backup/Restaurar ==> Salve o modelo atual.

Depois, clique em "Editar HTML ==> cole o código CSS acima de "]]></b:skin>". Personalize o CSS de acordo com as características do template do seu blog.

.share-post {

font-size: 13px; margin-top: 15px;

}

.share-post li {

float: left;

}

.share-post a {

display: block; margin-right: 10px; text-indent: -9999px; margin-left: 12px;

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDYMWHI3aJfjgroXOa3piep7trCSBFvFlkN_tbWwJ3WISHvYpIChJd0uBRSVXaPfpWIZJQMIrWir2VeoQylao3FgfpO6DSCnNe9pe34q90KYGClOJzs5ul-OU4eo55KC0xPxxW03zosEI/s1600/single-share.png) no-repeat; -webkit-transition: opacity .2s; -moz-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s;

}

.share-post a:hover {

opacity: .7;

}

.share-post .facebook a {

width: 7px;

}

.share-post .twitter a {

width: 18px; background-position: -47px 0;

}

.share-post .google a {

width: 14px; background-position: -105px 0;

}

#share-post {

width: 100%; overflow: hidden; margin-top: 20px;

}

#share-post a {

display: block; height: 32px; line-height: 43px; color: #fff; float: left; padding-right: 10px; margin-right: 10px;

margin-bottom: 25px; text-decoration: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; overflow: hidden; margin: 0 10px 10px 0;

transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; width: 125px; height: 45px; float: left; padding: 0;

overflow: hidden; text-align: center; font-weight: 600;

}

#share-post a:hover {

text-decoration: none !important;

}

#share-post .facebook {

background-color: #5bbf5b;

}

#share-post .twitter {

background-color: #5bbf5b;

}

#share-post .google {

background-color: #5bbf5b;

}

#share-post span {

display: block; width: 32px; height: 32px; float: left; padding: 6px;

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDYMWHI3aJfjgroXOa3piep7trCSBFvFlkN_tbWwJ3WISHvYpIChJd0uBRSVXaPfpWIZJQMIrWir2VeoQylao3FgfpO6DSCnNe9pe34q90KYGClOJzs5ul-OU4eo55KC0xPxxW03zosEI/s1600/single-share.png) no-repeat; background-position-y: 6px; background-position-x: 7px;

}

#share-post .facebook span {

background-color: #5c86f0;

}

#share-post .twitter span {

background-color: #5c86f0; background-position: -65px;

}

#share-post .google span {

background-color: #5c86f0; background-position: -137px;

}

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

<div id='share-post'>

                              <a class='facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'>

                                <span/>

                                Facebook

                              </a>

                              <a class='twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'>

                                <span/>

                                 Twitter

                              </a>

                              <a class='google' expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url' onclick='javascript:window.open(this.href,   &quot;&quot;, &quot;menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600&quot;);return false;' rel='nofollow' title='Compartilhar no Google+'>

                                <span/>

                                 Google

                              </a>

                            </div>

                            <div style='clear: both;'/>

                            </b:if>

Para o código funcionar, você deve acessar a opção "Layout" ==> na opção "Postagens no blog", clique em "Editar". Ative a opção "Mostrar botões de compartilhamento". Depois clique m "Salvar".

Site para fazer reclamações de serviços públicos

2015-02-17T13:06:00.002-02:00

Recentemente o website Reclame Aqui, lançou um espaço exclusivo para os cidadãos brasileiros poderem fazer reclamações dos serviços públicos existentes em suas cidades. Para fazer uma reclamação, basta a pessoa fazer um cadastro gratuito no sistema do website Reclame Aqui ou fazer login com a sua conta do Facebook.

Depois de fazer login no sistema do website Reclame aqui cidadão, faça uma busca pelo órgão responsável por determinado serviço ou faça uma busca por estado. No formulário onde você fará a reclamação, tem opção para você enviar uma foto e o endereço url de um vídeo, que sirvam para esclarecer melhor o caso.

Como colocar artigos relacionados com imagens no Blogger?

2015-02-05T13:08:00.000-02:00

Os artigos relacionados são indispensáveis na maioria dos blogs ou websites, pois ajudam a aumentar as visualizações de páginas, oferecendo na maioria das vezes alguns artigos relevantes e úteis aos visitantes. Esse modelo de artigos relacionados é parecido com o random posts para blogger, ele irá mostrar artigos aleatórios, que estão na mesma seção do post que o usuário está visualizando naquele momento.

Este código é bem fácil de adicionar no template do seu blog! Mas, antes de começarmos, eu recomendo que você faça backup do template do seu blog ( Painel de controle do Blogger ==> Modelo ==> Fazer backup/Restaurar ==> Fazer download do modelo completo ==> Fechar).

Ok, depois de salvar o template atual do seu blog, clique em "HTML". Adicione no código fonte do seu blog, logo acima de "]]></b:skin>", este CSS:

.related-posts {background: #fff;list-style: none;overflow: hidden;margin: 5px 0 5px 5px;margin-bottom:50px !important;margin-top:30px;}

.related-posts h2 {background:#ddd;color: #555;font-family: 'Open Sans',arial,sans-serif;font-size: 18px; font-weight: 300;margin: 0 0 10px;padding: 5px 10px 10px;}

.related-posts .relatedTitles {color: $(black.link.color); display: block;font-family: 'Open Sans',arial,sans-serif;font-size: 12px;font-weight: 600;line-height: 24px;}

.related-posts .relatedTitles:hover {text-decoration: underline;}

.related-posts img {border: none;display: block;height: 235px;margin: 0 0 5px;width: 183px;}

.related-posts img:hover {-webkit-opacity: 0.80;-moz-opacity: 0.80;opacity: 0.80;}

.related-posts h3 {color: $(black.link.color);font-size: 18px;line-height: 24px;}

.related-posts a {border-left: 0.5px solid transparent;color: $(black.link.color);float: left;margin: 0 0 4px 5px;padding: 0;position: relative;text-decoration: none !important;width: 183px;}

Para controlar a largura e altura das imagens que aparecem no gadget, personalize isto: height: 235px (altura) - width: 183px (largura).

Agora, adicione este código javascript logo acima de "</head>". Salve o template.

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

<script type='text/javascript'>

        var defaultnoimage=&quot;&quot;;

        var maxresults=3;

        var splittercolor=&quot;#555&quot;;

        var relatedpoststitle=&quot;Artigos Relacionados:&quot;;

      </script><script type='text/javascript'>

      //<![CDATA[

var relatedTitles=[],relatedTitlesNum=0,relatedUrls=[],thumburl=[]; function related_results_labels_thumbs(f){for(var e=0;e<f.feed.entry.length;e++){var g=f.feed.entry[e];relatedTitles[relatedTitlesNum]=g.title.$t;try{thumburl[relatedTitlesNum]=g.media$thumbnail.url}catch(h){s=g.content.$t,a=s.indexOf("<img"),b=s.indexOf('src="',a),c=s.indexOf('"',b+5),d=s.substr(b+5,c-b-5),thumburl[relatedTitlesNum]=-1!=a&&-1!=b&&-1!=c&&""!=d?d:"undefined"!==typeof defaultnoimage?defaultnoimage:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLepGZIOFalnSTjilItsmftjQQCTo6XTRg9wqXMEErEuOwPE5TKUF3lWgEbe0KoqPRzcSmhSBx2jW-nPXPHwOUV9E1fpUiD5HUbI43dI7lBZ2UkI0BQs_w-TJYm8BtBaDqVAGHq4vZfNw/s1600/no+image.gif"}100<relatedTitles[relatedTitlesNum].length&& (relatedTitles[relatedTitlesNum]=relatedTitles[relatedTitlesNum].substring(0,100)+"...");for(var k=0;k<g.link.length;k++)"alternate"==g.link[k].rel&&(relatedUrls[relatedTitlesNum]=g.link[k].href,relatedTitlesNum++)}} function removeRelatedDuplicates_thumbs(){for(var f=[],e=[],g=[],h=0;h<relatedUrls.length;h++)contains_thumbs(f,relatedUrls[h])||(f.length+=1,f[f.length-1]=relatedUrls[h],e.length+=1,g.length+=1,e[e.length-1]=relatedTitles[h],g[g.length-1]=thumburl[h]);relatedTitles=e;relatedUrls=f;thumburl=g}function contains_thumbs(f,e){for(var g=0;g<f.length;g++)if(f[g]==e)return!0;return!1} function printRelatedLabels_thumbs(f){for(var e=0;e<relatedUrls.length;e++)relatedUrls[e]!=f&&relatedTitles[e]||(relatedUrls.splice(e,1),relatedTitles.splice(e,1),thumburl.splice(e,1),e--);f=Math.floor((relatedTitles.length-1)*Math.random());e=0;0<relatedTitles.length&&document.write("<h2>"+relatedpoststitle+"</h2>");for(document.write('<div style="clear: both;"/>');e<relatedTitles.length&&20>e&&e<maxresults;)document.write('<a style="text-decoration:none;'),document.write('"'),document.write(' href="'+ relatedUrls[f]+'"><img src="'+thumburl[f].replace("/s72-c/","/w183-h235-c/")+'"/><div class="relatedTitles">'+relatedTitles[f]+"</div></a>"),e++,f<relatedTitles.length-1?f++:f=0;document.write("</div>");relatedUrls.splice(0,relatedUrls.length);thumburl.splice(0,thumburl.length);relatedTitles.splice(0,relatedTitles.length)};

//]]>

    </script></b:if>

Estes valores aqui no código javascript "w183-h235", devem ser os mesmos no código CSS. Para exibir mais do que 3 artigos relacionados, apenas altere o valor em "var maxresults=3". Para alterar o título do gadget "Artigos Relacionados:", personalize isto: "var relatedpoststitle="Artigos Relacionados:";".

Para finalizarmos, procure por "<div class='post-footer'>" e, adicione este código abaixo, logo acima dessa linha. Salve o template.

<div class='related-posts'>

                      <b:loop values='data:post.labels' var='label'>

                        <b:if cond='data:label.isLast != &quot;true&quot;'>

                        </b:if>

                        <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=999&quot;' type='text/javascript'/>

                      </b:loop>

                      <script type='text/javascript'>

                        removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;); </script>

  </div><div style='clear:both'/>

Atenção! Alguns templates do Blogger têm duas linhas do código "<div class='post-footer'>". Caso você fizer tudo certinho e, mesmo assim, não conseguir visualizar os artigos relacionados no template do seu blog, apague o código dos artigos relacionados que você adicionou logo acima da primeira linha "<div class='post-footer'>". Agora, procure pela segunda linha "<div class='post-footer'>" e, adicione logo acima dela o código dos artigos relacionados. Salve o template. Os artigos relacionados deverão aparecer, caso o seu blog não esteja no modo privado!

Código para criar um botão voltar ao topo no Blogger

2015-02-02T15:54:00.002-02:00

O botão voltar ao topo gerado por este código javascript, será ativado quando o usuário rolar a página do seu blog. Esse modelo é muito melhor, do que os botões que só aparecem quando o usuário chega no rodapé da página! Através do CSS, você poderá controlar onde o botão irá aparecer na página do seu blog. Não há necessidade de fazer nenhuma alteração neste código, basta seguir as instruções para instalar no seu blog.

Imagem: www.spaceanswers.com
Mas, antes instalar o código, não esqueça de fazer backup do template do seu blog (painel de controle ==> modelo ==> Fazer backup/Restaurar ==> Fazer download do modelo completo)! Depois, clique em "Editar HTML".

Este é o código CSS. Adicione este código, acima de "]]></b:skin>".

#BackToTop {background:transparent url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-NAC2jLmqjgnRzKbCbjTMveUlNsnMAhPk5CDhQQcdBJXEIJB18xG2Y9vQB2xVEpMT0-pJiJraqKnqIv2rk4HPPXnhLDz6DoWxX_-pmlNQqKzETMdJp-LaiBqvxdwxW3wQQtIXthxfskY/s1600/up.png") no-repeat scroll top;opacity: 0.5;bottom: 2%;display: none;height: 35px;overflow: hidden;position: fixed;right: 5%;text-indent: -800px;width: 35px;z-index: 9999;}#BackToTop:hover {opacity: 0.8;}

Caso você desejar trocar a imagem, basta substituir "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-NAC2jLmqjgnRzKbCbjTMveUlNsnMAhPk5CDhQQcdBJXEIJB18xG2Y9vQB2xVEpMT0-pJiJraqKnqIv2rk4HPPXnhLDz6DoWxX_-pmlNQqKzETMdJp-LaiBqvxdwxW3wQQtIXthxfskY/s1600/up.png", pelo link de outra imagem. Essa imagem não deverá ter mair do que 35x35 pixels.

Para controlar a altura que o botão aparecerá na página do seu blog, personalize isto: "bottom: 2%", troque o "2%" por outro valor - ex: "15%".
Para controlar distância do botão, em relação ao lado direito, personalize isto: "right: 5%", substitua este valor por outro qualquer.

Agora, adicione o código javascript no final da página, logo acima de "</body>".

<script type='text/javascript'>

      //<![CDATA[

eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('(4($){$.3={l:{g:\'N J I\',f:G,n:A,r:\'z\',d:\'9\'},i:4(5){1=$.x({},$.3.l,5),$.3.m();c(1.f)$(w).F(4(){c($(u).q()!=0){k(1.d){8\'p\':2.v(\'7\');6;8\'9\':2.y(\'7\');6;s:2.o()}}B{k(1.d){8\'p\':2.C(\'7\');6;8\'9\':2.D(\'7\');6;s:2.E()}}});$(\'#3\').t(4(e){e.H();$(\'b,j\').K({q:0},1.n,1.r)})},m:4(){2=$(\'<a />\',{L:\'3\',M:\'#b\',j:\'<h>\'+1.g+\'</h>\'}).O(\'b\');c(!1.f)2.o()}};3=4(5){$.3.i(5)}})(P);',52,52,'|opts|divBack|BackToTop|function|options|break|fast|case|slide||body|if|appearMethod||autoShow|text|span|init|html|switch|defaults|_constructLink|timeEffect|show|fade|scrollTop|effectScroll|default|click|this|fadeIn|window|extend|slideDown|linear|500|else|fadeOut|slideUp|hide|scroll|true|preventDefault|top|to|animate|id|href|Back|prependTo|jQuery'.split('|'),0,{}))



jQuery(document).ready(function($){

 BackToTop({

  autoShow : true,

  text : '.',

  timeEffect : 600

 });

});



(function(c){c.fn.scrollTo=function(b){var a={offset:0,speed:"slow",override:null,easing:null};if(b){if(b.override)b.override=-1!=override("#")?b.override:"#"+b.override;c.extend(a,b)}return this.each(function(b,e){c(e).click(function(b){b.preventDefault();var d=a.override?a.override:c(e).attr("href");history.pushState?(history.pushState(null,null,d),console.log(a.easing),c("html,body").stop().animate({scrollTop:c(d).offset().top+a.offset},a.speed,a.easing)):c("html,body").stop().animate({scrollTop:c(d).offset().top+

a.offset},a.speed,a.easing,function(){window.location.hash=d})})})}})(jQuery);



$('#scrollTo').scrollTo({

    speed: 2000

});



$('#scrollToComment').scrollTo({

    speed: 2000

});

//]]>

    </script>

Para o botão funcionar, é necessário que o template do seu blog tenha esta linha de código (caso não tenha esta versão, pode ser outra versão):

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"/>

Vou facilitar as coisas - não precisa ficar procurando essa linha de código! Primeiro você adiciona o CSS e o código javascript, no local indicado, dentro do código fonte do template do seu blog. Salve o template.

Caso o botão não aparecer, adicione este código, logo acima de "</head>".

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"/>

Salve o template ==> visualize o seu blog.

É 99,9% certeza que o botão irá aparecer na página do seu blog. Se mesmo assim, o botão não aparecer, mude o código javascript do botão, adicione o código logo acima de "<body>". Salve o template.

Como colocar blocos de anúncios AdSense para celular no Blogger?

2015-01-26T14:15:00.002-02:00

Para exibir anúncios do Google AdSense nos templates do Blogger para celular, é necessário ativar essa função através do painel de controle do Blogger. Caso contrário, os anúncios do Google AdSense não irão aparecer no template! É um procedimento bem simples, você não precisa adicionar nenhum código javascript no template do seu blog!

Imagem: buzz.blogger.com
Acesse o painel de controle do Blogger ==> Ganhos. Na opção "Mostrar anúncios no blog", escolha "Sim" ==> Exibir anúncios na barra lateral ==> Salvar configurações.

Agora, acesse a opção "Layout" ==> localize o gadget "AdSense" ==> clique em "Editar", para poder personalizar o tamanho do bloco de anúncio, as cores do texto, fundo, borda e link. Escolha exibir "Texto e imagem ou Apenas texto". Clique em "Salvar".

Não se preocupe com o tamanho do bloco de anúncio, mesmo que você escolha exibir um bloco de anúncio de 300x600, esse tamanho de bloco irá aparecer apenas quando acessarem o seu blog através de um computador, laptop etc. Quando alguém acessar o seu blog através de um celular, será mostrado anúncios compatíveis com a resolução de tela do aparelho.

Após editar ou criar um bloco de anúncio AdSense no painel de controle do Blogger, é necessário aguardar no mínimo 10 minutos - logo após, o anúncio irá aparecer na página do blog. Para ver se os anúncios estão funcionando no template Blogger mobile, acrescente "?m=1" no final do endereço url do seu blog (Ex: http://www.dicasonlinegratis.com/?m=1).

Não esqueça! Você deve adicionar no máximo 3 blocos de anúncios AdSense em cada página do seu blog. Portanto, se o seu blog já estava exibindo 3 blocos de anúncios por página, antes de você adicionar o "gadget do AdSense", exclua um dos blocos!

Para adicionar nome, critérios personalizados ou exibir somente imagem no bloco de anúncio (na versão para celular, irá aparecer anúncios de texto e imagem), será necessário acessar o painel de controle da sua conta no Google AdSense. Ao acessar o painel de controle do Google AdSense, escolha a opção "Meus anúncios". Localize o bloco de anúncio criado no painel do Blogger (é um bloco de anúncio com o nome bem grande e, não tem critérios personalizados). Clique no nome do bloco de anúncio. Agora, você poderá editá-lo; basta trocar o nome do bloco de anúncio, ativar a opção exibir somente imagem e, adicionar um critério personalizado. Depois, clique em "Salvar". Após 10 minutos as personalizações já estarão funcionando!

Você não precisa necessariamente deixar o gadget "AdSense" na barra lateral do seu blog; caso você queira escolher um bloco de anúncio de 728x90 ou 970x90 etc, basta arrastar o gadget "AdSense". Acesse a opção "Layout" ==> arraste o gadget para o local desejado ==> clique em "Salvar organização".