Programas Gratuitos para Edição de Imagens

Encontramos no Blog Vista Experience, essa lista de programas grátis para fazer e editar imagens, por achar que seria bem úteis para os blogueiros resolvemos publica-la aqui. Esperamos que algum desses programas sejam úteis na hora de crirar banners, templates e outras coisas para colocar nos blogs.

GIMP: O GNU Image Manipulation Program é um poderoso e gratuito software que pode lidar com todas as tarefas básicas de edição de imagens e muito mais. O fato de ser um programa de código aberto e disponível para plataformas Unix, Mac e Windows o torna extremamente flexível.

Paint.NET: Este é provavelmente o mais poderoso software editor de imagens gratuito do mercado. Ele pode executar tarefas simples como correção de olhos vermelhos, redimensionamento, recorte e também suporta camadas. O programa possui o código aberto e uma grande coleção de plug-ins disponível em sua comunidade online.

Autostitch: Esta é a ferramenta perfeita para criação de imagens panorâmicas a partir de uma série de fotos. Ele trabalha automaticamente e não requer intervenção do usuário. A versão demo é totalmente funcional e gratuita.

Microsoft Reserach Group Shot: Se você precisa tirar uma foto de um grande grupo de pessoas, as chances são de que não importa quantas fotos você tire, não terá uma que deixará todos satisfeitos. Aqui é onde entra o Microsoft Group Shot. Com este software você pode selecionar suas partes favoritas em cada foto da série e o programa irá fundir todas ela sem uma imagem composta.

TKexe Kalender: Já é o ano novo e talvez você precise de um calendário de papel. Para criar uma edição pessoal e única, experimente usar este software gratuito e fácil.

Opanda PhotoFilter: Filtros podem tornar uma foto muito interessante e especial. Mas é cansativo carregar por aí filtros para sua câmera ou lidar com as configurações da câmera ou software para obter os resultados desejados. Muito mais fácil é usar o Opanda PhotoFilter para fazer o pós-processamento de suas imagens. O programa vem equipado com mais de 100 diferentes configurações simulando os filtros da Kodak, Cokin e Hoya.

Foto Mosaik: Crie um mosaico a partir de centenas ou milhares de fotos. Veja o exemplo abaixo. A imagem do mosaico é a águia exibida no canto superior esquerdo, o resto da imagem é um zoom em diversas miniaturas indicado pela moldura vermelha.

Win Morph: Transforme e distorça imagens de forma profissional e com alta qualidade. Este programa dá a você toda a liberdade que você precisa e em um programa gratuito. Ele trabalha como um aplicativo independente ou como plug-in para vários editores de vídeo.

Free Digital Camera Enhancer: Esta é uma ferramenta para os toques finais em suas fotos digitais. Reduza o ruído causado por pouca luz, corrija os tons, adicione saturação e suavize a pele. Naturalmente, isto irá trabalhar melhor em imagens ruins

JPEG Lossless Rotator: Com a maioria dos programas, o simples ato de rotacionar sua foto JPEG na orientação correta e salvá-la causa perda de qualidade. O JPEG Lossless Rotator faz este trabalho sem recodificar sua foto. Ele executa uma transformação especial sem perdas, deixando a qualidade da sua foto intocada.

Veja alguns sites que criam imagens diretamente pela internet, sem baixar nada. 

Bonecos (palitos) Animados

Para quem gosta bonequinhos animados o programa Pivot é uma boa opção porque é fácil de usar e podemos baixar gratuitamente. A descrição abaixo foi feita pelo site Baixaki onde você pode fazer o download grátis desse programa.

Você já pensou em criar lutas entre bonecos palitos diretamente em animações super leves no formato GIF? Pivot Stickfigure Animator trabalha facilmente com pequenas animações para quem não possui muitas habilidades artísticas. Movendo os objetos de quadro a quadro é possível criar uma cadeia de animação dinâmica, de uma forma tão fácil que até as crianças vão se divertir.

Além de criar os tradicionais bonequinhos, use sua criatividade para montar figuras como veículos, animais e tudo o que puder imaginar! Na opção Edit o boneco e suas respectivas articulações são exibidos, possibilitando ajustes ou até mesmo desenvolvimento de outras formas com círculos e linhas. Para completar há uma barra de controle de velocidade.

Veja esse exemplo que retiramos do blog Pivoteiros

Publicar Código

Postar um texto no blogspot é muito fácil, porém as coisas complicam um pouco quando por algum motivo decidimos publicar um código HTML, javascript ou coisa parecida, porque em vez de mostrar o código o blog executa. A solução para esse problema é transformar texto do código em HTML antes de publicar, por exemplo, o código do banner do nosso blog Frases Curtas é:

<a href="http://frasecurta.blogspot.com" target="_blank"><img border="0" src="http://i55.photobucket.com/albums/g138/robertojd/banner-1.jpg"/></a>

Mas se colocar desse jeito na postagem vai aparecer o banner em vez de mostrar o código, então usamos um programa para editar HTML e resolvemos o problema. Colocamos o código no programa como se fosse um texto qualquer e depois usarmos o HTML gerado para postar no blog, o código fica desse jeito:

&lt;a href=&quot;http://frasecurta.blogspot.com&quot; target=&quot;_blank&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;http://i55.photobucket.com/albums/g138/robertojd/banner-1.jpg&quot;/&gt;&lt;/a&gt;

Colocando ele assim na postagem aparecerá o código em vez do banner. Você pode baixar vários programas para editar HTML gratuitamente no Baixaki ouSuperdownload, olhando os dois sites e levando em consideração a quantidade de downloads e notas dadas pelos usuários, achamos que os melhores programas grátis para editar HTML são: Nvu 1.0, Sothink HTML Editor 2.5 e MAX's HTML Beauty++. 

Como Fazer uma Pagina de Perguntas e Respostas

Você pode conseguir melhorar seu blog ouvindo o que seus visitantes têm a dizer sobre ele. Normalmente os comentários do blog são uma boa dica de como melhorar o blog, mas existem outras formas, por exemplo criar enquetes ou permitir o envio de perguntas de maneira direta. Isso pode ser feito com o site Formspring. Esse serviço é diferente do mural de recados no blog, caso queria o mural veja aqui:Colocar mural de recados ou chat no blog.

O primeiro passo é entrar no site Formspring e fazer login (Already have an account? Sign in here!) ou depois de clicar neste link criar uma conta gratuita (Not a Formspring user yet? Click here to sign up) ainda é possível logar com o Facebook, isso é uma escolha pessoal então não vamos dar opinião sobre isso. Se criar uma nova conta receberá um e-mail, então leia e siga as instruções.


A sua pagina para perguntas e respostas já está criada você poderá ver o link dela clicando em profile, mas claro podemos personalizar muita coisa nela, clique em settings(configurações), vamos mostrar de algumas das principais configurações do site:

Na primeira pagina de configurações podemos editar o perfil (nossa pagina), enviando uma foto(veja aqui:Programas Gratuitos para Edição de Imagens), escrevendo uma descrição da pagina, colocando o link do nosso blog, além disso, tem um campo onde você pode trocar a mensagem inicial da pagina (What do you want to be asked about?), isso é a pergunta que aparece no inicio da pagina, então troque pelo que desejar.

Vamos ver outros itens do menu

Privacy: escolha se permitirá perguntas anônimas ou somente de quem estiver logado. Marque as opções de quais notificações quer receber (Seja notificado quando alguém lhe faz uma pergunta ou responde alguma feita por você, quando você tiver dúvidas esperando em sua caixa de entrada, quando você tem novas respostas de seus seguidores).

Designer: você pode trocar a imagem de fundo da pagina, até enviar um que tenha no seu computador ou somente escolher uma cor de fundo.

Widget: lá você pode configurar um acessório para colocar no seu blog e permitir que as pessoas enviem suas perguntas diretamente do seu blog.

Esse foi um tutorial básico sobre como criar uma pagina de perguntas e respostas para seu blog, evidentemente você encontrará muitas utilidades para esse serviço gratuito para seu blog e mexendo no site verá outras personalizações a serem feitas para melhorar a pagina que servirá como um fórum do seu blog. 

Blogueiro Profissional - Ter um blog de Sucesso

O que é mais importante na hora de criar um blog, como escolher o melhor tipo de assunto ou nicho de mercado, é possível ganhar dinheiro com blogs de sobre qualquer assunto, quais as melhores maneiras de ter sucesso e ganhar dinheiro na internet?

Todas essas são duvidas frequentes de muitos blogueiros, existem milhares de tutoriais falando sobre esses temas e certamente não existem respostas simples para isso. Recentemente li o ebook De desconhecido a Problogger de Paulo Faustino (Escola Dinheiro) e muitas coisas me chamam atenção neste livro para ajudar blogueiros. Veja aqui outros E-books sobre blogs.

Se eu tivesse que definir o livro em uma palavra ela seria planejamento. Como o próprio título sugere para se tornar um ProBlogger (blogueiro profissional) é preciso pensar muito sobre qual será o tema principal do blog porque é fácil escrever sobre qualquer assunto 1, 2, 3... 10 vezes (10 não é tão fácil rsrs), mas como fazer isso por anos. Isso mesmo não se assuste! Não é exagero falar em escrever por anos, afinal se quiser mesmo se dedicar a blogs, internet (ser um profissional) terá que fazer isso por muito tempo. Nós aqui do Dicas para Blogs estamos aqui desde 2007 e o Escola Dinheiro(2008).


Outra coisa me chamou atenção foi na conclusão do livro, ele oferece o outro e-book pela metade do preço, isso é uma ótima visão de oportunidade, certamente quem leu um e-book até o final foi porque gostou e tem muitas chances de comprar o outro. Isso quer dizer os blogueiros precisam sempre pensar em quais as melhores formas para divulgar seus blogs, não adianta só sair por ai espalhando links e comentários do tipo visite meu blog(Como ter mais Comentários e Visitas).

Embora que numa pesquisa que fizemos sobre investir no blog (Você já gastou dinheiro ou ganhou com seu blog?) e poucos blogueiros já gastaram dinheiro com seus blogs embora quase todos queiram ganhar dinheiro na internet.

Mais Leitores, Assinantes de Feed e Visitas para Blog
Descrição e Palavras Chave - Meta Tags

Enfim ter um blog é muito mais que publicar alguns textos e imagens precisamos saber exatamente qual o nosso objetivo e procurar o maximo possível de informações que nos ajudem a chegar até nossa meta. Lembre-se sempre é possível melhorar não importa o quando já fez no blog, sempre será possível achar algo para aperfeiçoar.

Retweet e Ganhe Anúncios Grátis - Divulgue seu Blog

Todos os blogueiros querem saber a melhores formas de divulgar o blog econseguir mais visitas e comentários. Um modo que dá bons resultados é fazer anúncios em outros blogs. Então criamos a promoção Retweet e Ganhe Anúncios Grátis para dar anúncios grátis para blogs aqui em nosso site.


As Regras da Promoção Retweet e Ganhe Anúncios Grátis são bem simples: você só precisa twittar a frase abaixo:

15 Dicas e Tutoriais para Melhorar seu Blog - http://kingo.to/t0N

Copie e cole a frase exatamente do jeito que está, pois será usada essa url encurtada para fazer o sorteio no blog.

A url da promoção não é desta pagina mas de outra publicação de nosso siteporque vamos fazer essa promoção pelo menos 2 vezes por mês então para criar um novo sorteio precisamos usar um endereço diferente de postagem, a dica que está no link é: 15 Dicas e Tutoriais para Modificar seu Blog.

Não podem participar desta promoção sites com conteúdo adulto ou qualquer coisa que infrinja regras do Blogger. Também não são aceitos blogs com plagio deste ou qualquer outro blog (Denuncie os Plagiadores, isso funciona!)

Na sexta-feira (18/02/2011) faremos o sorteio, entraremos em contato com o ganhador e publicaremos um banner no tamanho 120x60 no inicio de nossa sidebar do lado esquerdo antes de nosso menu principal como podem ver na imagem abaixo o banner do nosso outro site Frases Curtas.


Se surgirem duvidas ou sugestões interessantes sobre a promoção poderemos atualizar essa postagem a qualquer momento. 

Ganhar Tempo e Conseguir mais Visitas no Blog

Uma das coisas mais importantes para os blogueiros é encontrar maneiras de conseguir mais visitas para seu blog, mas algumas pessoas tentam fazer isso de forma errada e acabam perdendo tempo ou ainda pior criando uma imagem negativa de si mesmo.

O mais importante para fazer aumentar o numero de visitas do blog é ter umconteúdo de qualidade e original, portanto plagio nem pensar. (Denuncie os Plagiadores, isso funciona!)

Mais Leitores, Assinantes de Feed e Visitas para Blog
Como ter Mais Comentários, Mais Visitas


Você pode usar algumas técnicas de otimização de sites (SEO) que ajudam a melhorar sua posição nos resultadas das pesquisas do Google e outros sites de busca. Isso pode fazer ter mais visitas no blog.

Usar Descrição (description) e Palavras Chave (keywords) é importante fazer, pois você poderá fazer uma lista com as palavras que acha relevantes no seu blog, assim terá mais chances de aparecer nos resultados do Google quando pesquisarem essas palavras chave. A descrição é o texto que aparece abaixo do titulo nos resultados do Google, mas nem sempre aparece o texto que você definiu, dependendo dos termos pesquisados o Google pode usar uma parte do texto da postagem.

Certamente você coloca varias imagens no seu blog, então você precisa ter atenção com alguns detalhes para ganhar mais visitas com a pesquisa de imagens do Google. Para isso você só precisa escolher bem os nomes das imagens e preencher corretamente a tag alt na hora de publicar as imagens nas postagens, veja comoAparecer na Pesquisa de Imagens Google.

Para terminar vamos falar sobre outros dois assuntos que ajudam a conseguir mais visitas no blog:

Melhorar o Título do Blog – Aparecer na Pesquisa Google: os resultados dos sites de busca dão destaque para os títulos das postagens então crie títulos que despertem a curiosidade ou atenção das pessoas, mas sem tentar enganar ninguém o titulo deve descrever o assunto da postagem.

Outro detalhe importante é Usar Melhor as Redes Sociais da Internet quando for divulgar seu blog nas redes sociais não use o mesmo titulo da sua postagem nem repita a mesma descrição e titulo em varias redes isso pode prejudicar porque o Google não gosta de conteúdo duplicado. 

Como alterar o favicon do Blog

Para colocar um Favicon no blog, ou seja, a imagem que fica na barra de endereços ao lado da url do seu blog, precisamos criar e hospedar uma imagem e depois colocar um código no html do blog. Mas vamos explicar por partes e você verá que é fácil de fazer. Veja também nosso video tutorial Colocar Favicon no Blogger - Imagem na Barra de Endereços.

Primeiro crie ou encontre uma imagem que gostaria de usar na barra de endereços, ela deve ser quadrada, lembre-se que a imagem ficará bem reduzida (16 x 16 pixels), portanto não adianta usar uma cheia de detalhes pequenos. Aconselhamos já salvar a imagem neste tamanho 16x16px para depois enviar para os sites de hospedagem e conversão para o formato ícone.


Depois que tiver a imagem pronta entre no site Free Online Icon Editor nele é possível desenhar seu ícone se quiser (para aqueles que são bons em pixelart), mas se for fazer selecione o tamanho 16 x 16. Mas viemos aqui principalmente para mostrar como converter sua imagem de qualquer formato (gif, jpg, png) em um ícone, ou seja, formato .ico, clique em enviar arquivo, encontre sua imagem, deixe selecionado 16x16(favicon) e clique em upload.


Agora clique no botão save icon e escolha um lugar para salvar o ícone no seu computador. Essa parte já está pronta, agora vamos hospedar o favicon (colocar a imagem do ícone na internet).


Vamos até o site Image Boo Hosting clique no botão enviar arquivo e localize o ícone, envie também a imagem original (que usou para converter no outro site para o formato ícone), deixe selecionado Public em upload type e clique em start uploading. Agora copie o código da ultima linha (Direct) das duas imagens que enviamos.

Até o momento já temos nosso ícone criado e hospedado na internet, agora só falta colocar no blog. Entre na pagina layout > editar html e procure por </head>, antes dessa linha coloque o código abaixo substituindo os endereços das imagens que você acabou de hospedar.

<link href='imagem formato icone' rel='shortcut icon'/>
<link href='imagem original' rel='shortcut icon' type='image/png'/>

No final da segunda linha troque png pelo formato da imagem original gif, jpg, se achar mais fácil poderia fazer isso já com uma imagem png desde o inicio. Clique para salvar e já está tudo pronto o resultado final é esse:

Fizemos e testamos esse tutorial no Firefox e Internet Explorer que são os navegadores mais utilizados atualmente.

Outro site para hospedagem de icones é o Free Favicon Hosting, afinal é sempre bom ter mais opções. 

Como dividir o cabeçalho do blog em duas partes

Já recebemos alguns pedidos e agora vamos mostrar como fazer para dividir o cabeçalho do blog em duas partes, assim podemos colocar mais alguma coisa ao lado do titulo do blog em vez de ter que usar alguma imagem gigantesca para ocupar espaço.



Esse procedimento é simples, mas leia essa explicação até o final antes de começar, pois será necessário fazer algumas alterações no código antes de colocar no seu blog, entre na pagina editar html e procure por:

<div id='header-wrapper'>
<b:section class='header' id='header' showaddelement='yes'>
<b:widget id='Header1' locked='true' title='Frases Curtas (Cabeçalho)' type='Header'/>
<b:widget id='HTML7' locked='false' title='' type='HTML'/>
</b:section>
</div>

Depois substitua por:

<div id='header-wrapper'>
<div id='header-column-container'>
<div id='header2' style='width: 74%; float: left; margin:0; '>
<b:section class='header-column' id='header-column-left' preferred='yes' style='float:left;'>
<b:widget id='Header1' locked='true' title='Frases Curtas (Cabeçalho)' type='Header'/>
</b:section>
</div>
<div id='header3' style='width: 25%; float: right; margin:0; '>
<b:section class='header-column' id='header-column-right' preferred='yes' style='float:right;'>
<b:widget id='HTML7' locked='false' title='' type='HTML'/>
</b:section>
</div>
<div style='clear:both;'/>
<div id='header-bottom'>
<b:section class='header' id='header-column-bottom' preferred='yes'>
</b:section>
</div>
<div style='clear:both;'/>
</div></div>

Como já dissemos antes modificar qualquer coisa no seu blog repare nas linhas que estão em negrito no código, no seu blog elas serão parecidas com essas não exatamente iguais e dependendo podem ter até mais do que duas linhas desse tipo, então você precisa copiá-las e substituí-las neste código antes de colocar no seu blog.

Você pode notar que a parte onde está a linha <b:widget id='Header1' locked='true' title='Frases Curtas (Cabeçalho)' type='Header'/> é a parte mais larga do cabeçalho(74%) e a outra <b:widget id='HTML7' locked='false' title='' type='HTML'/> na segunda parte que tem 25%, então coloque que estão neste trecho no seu blog como desejar e depois será fácil mudá-las de lugar pela pagina layout somente arrastando como qualquer outro gadget.

Para alterar as larguras ou lado das colunas do cabeçalho é só modificar essas partes do código:

width: 25%; float: right;
width: 74%; float: left;

Você notou que a soma dos valores não chega a 100% isso é para evitar que em alguns navegadores uma coluna fique embaixo da outra devido à falta de espaço. E para trocar as colunas de lado só precisa mudar de lugar as palavras left e right nos códigos. Espero que essa dica seja muito útil e ajude a melhorar o visual do blog.

Veja outras dicas:

Lista de links ou banners em ordem aleatória
Usando o Twitter
Melhorando a aparência dos marcadores
Links para traduzir o blog
Editar fotos online 

Gadget para tradução com imagens das bandeiras

Colocar uma ferramenta de tradução no blog pode ser útil podemos receber visitas de qualquer lugar, já publicamos anteriormente um código para traduzir o blog, mas algumas pessoas tiveram dificuldades para alterar o código e colocar as imagens das bandeiras nele. Então estamos fazendo essa nova versão já com as bandeiras.


Para colocar esse novo tradutor de sites no seu blog entre na pagina designer, adicionar gadget, html/javascript e cole o código abaixo:

<style type="text/css">
<!--
.bandtradu img{padding: 3px;display:inline}
-->
</style>
<script type="text/javascript">
endereco = encodeURIComponent(location.href)
</script>
<div style="text-align: center" class="bandtradu">
<script src="http://www.acessoriosparablogs.com.br/scripts/tradutor.js" type="text/javascript"></script></div>

Depois é só clicar para salvar e fazer o teste. Se quiser pode alterar a distancia entre as bandeiras modificando o valor padding: 3px. Esse código usa o site de tradução de textos e paginas do Google.

Veja também:

Perfil com acesso restrito
O que não fazer no blog
Publicidade no blog
Deixar o visitante alterar cor de fundo
Contador de visitas
Aparência da caixinha link-me 

Mudar template do blog - Designer do modelo

Uma novidade no blogger tem sido muito comentada recentemente é o novo recurso Designer do modelo. Realmente isso torna muito mais simples modificar o blog,colocar imagens de fundo e muitas outras coisas, porém ele tem muitas funções então recomendamos que faça uma coisa por vez.


Primeiro entre no Blogger in Draft, clique em Layout depois em Designer do modelo, você verá a seguinte tela.


Nela já está seleciona da opção Modelos (menu do lado esquerdo) podemos trocar o modelo completo apenas clicando nos template no topo da pagina (Simple, Picture Window, Awesome Inc., Watermark) note sempre aparecerão algumas opções logo abaixo, então poderá selecionar qualquer uma delas.

Agora vamos falar sobre trocar o fundo do blog, clique no menu esquerdo em plano de fundo podemos trocar a cor de tema principal apenas clicando na caixinha (Change the color theme of your blog Go to the Advanced tab to customize colors for specific elements.) Ou num dos temas sugeridos que estão logo abaixo. Outra coisa muito útil é colocar uma imagem de plano de fundo repare que do lado esquerdo de onde mudamos a cor tem uma miniatura da imagem de fundo que estamos usando atualmente se clicar nela verá essa janela onde poderá escolher entre muitas imagens de fundo para o seu blog.


Então é só achar uma que goste clicar sobre ela, depois em concluído e aplicar ao blog (botão no canto direito, parte superior).

Não falamos de todas as opções desta nova pagina por serem coisas demais para um tutorial somente, portanto voltaremos ao assunto da pagina Designer de Modelo outras vezes, mas se explorar e fizer alguns testes sabemos que gostará muito desta novidade do blogger. Como por exemplo, o próximo item layout, ficou muito fácil colocar um blog de 3 colunas, dividir a sediar ou rodapé em duas partes, mas isso já é assunto para uma próxima vez... 

Trocar imagem de fundo no blog - Designer do modelo

Agora o blogger permite enviar imagens de fundo diretamente pela pagina designer do modelo, ficou muito mais simples usar uma imagem de fundo personalizada. Você pode achar ou editar uma imagem para usar como fundo do blog e depois enviar para o blogger sem se preocupar com hospedagem ou endereços de imagens de fundo.

Veja esse video tutorial: Trocar imagem de fundo do seu blog


Faça login no Blogger in Draft, clique em designer, depois em designer do modelo,plano de fundo e clique no link fazer upload da imagem, então é só achar a imagem que desejar uma com background(fundo do blog), depois salvar. E já está pronto, mas veja que temos algumas opções interessantes nesta pagina.

O posicionamento da imagem de fundo ficou muito simples de fazer, isso é o mesmo que posicionar a imagem de fundo, veja na imagem abaixo e escolha o lugar onde a imagem aparecerá no seu blog.

Outra novidade muito legal é escolher se a imagem de fundo se repetirá ou não e também podemos deixar ofundo do blog fixo deixando apenas o conteúdo se mover e a imagem de fundo permanecendo fixa quando usar a barra de rolagem.

Veja como funciona cada uma das opções:
Não dividir em blocos: a imagem aparece apenas uma vez
Bloco: a imagem se repete pela pagina toda
Dividir horizontalmente: ela aparece lado a lado
Dividir verticalmente: aparece uma embaixo da outra

A opção abaixo Rolar com a página faz a imagem do blog acompanhar a barra de rolagem, se desmarcar essa opção a imagem de fundo ficará fixa, somente o conteúdo (postagens, sidebar) irão se mover quando usar a barra de rolagem da pagina.

Vimos essa informação no blog do Blogger, para nós foi um pouco chato afinal faz pouco tempo fizemos um tutorial falando como colocar uma imagem de fundo no blog, o que agora ficou muito mais simples e rápido, mas tudo bem, não poderíamos adivinhar.

Outros tutoriais para ajudar Blogueiros

• Imagem personalizada para o fundo do site/blog
• Imagem para fundo do blog
• Posicionar imagem de fundo
• Imagem fixa de fundo

Mais Opções Fontes no Blogger - Novos Tipos de Letras

Agora o Blogger in Draft (O que é o Blogger Draft? (Blogger em Rascunho)) tem novas fontes para você usar no seu blog, isso para quem já usa os templates novos, mas se não for seu caso você pode usar o Google fontes para adicionar novas fontes no seu blog. Esperamos que em breve esse recurso esteja também disponível no blogger para todos os blogueiros, afinal são poucos que usam o blogger in draft.



Para usar esses novos tipos de letras no seu blog você só precisa entrar em designer,designer do modelo. Na janela seguinte clique em avançado e já poderá escolher as fontes que desejar usar no seu blog. Além disso, nesta pagina existem outras alterações possíveis para fazer no seu template, como por exemplo trocar imagem de fundo no blog.



Após alterar os tipos de letras do seu texto(veja também: Como Formatar o Texto do Blog), títulos das postagens, títulos dos gadgets e tudo mais que desejar só precisa clicar em aplicar ao blog, mas sugerimos fazer isso (salvar) varias vezes ao longo do trabalho, sempre que chegar a um resultado que goste então salve, assim não vai perder caso faça alterações que não lhe agradem posteriormente. 

Contador de visitas

O código abaixo mostra quantas vezes uma pessoa visitou seu blog, ele funciona com base nos cookies, ou seja, quando os cookies do navegador(Internet Explorer, Firefox, Opera) forem excluidos a contagem será perdida, mas isso não é um problema pois quase ninguém faz isso.Se quiser contadores de visitas como sitemeter, analytics e outros veja neste link:Usando Melhor os Contadores de Visitas.

Para usar esse código é bom simples basta copiar e colocar no lugar que você deseja que apareça no seu blog. No começo do código tem a frase "Obrigado por sua visita! Você já esteve aqui", você pode alterar para qualquer frase.

Obrigado por sua visita! Você já esteve aqui
<script language=JavaScript>
function getCookieSlsv (offset) {
var endstr = document.cookie.indexOf (";", offset);
if (endstr == -1)
endstr = document.cookie.length;
return unescape(document.cookie.substring(offset, endstr));
}
function GetCookie (name) {
var arg = name + "=";
var alen = arg.length;
var clen = document.cookie.length;
var i = 0;
while (i < clen) {
var j = i + alen;
if (document.cookie.substring(i, j) == arg)
return getCookieSlsv (j);
i = document.cookie.indexOf(" ", i) + 1;
if (i == 0)
break;
}
return null;
}
function SetCookie (name, value) {
var argv = SetCookie.arguments;
var argc = SetCookie.arguments.length;
var expires = (argc > 2) ? argv[2] : null;
var path = (argc > 3) ? argv[3] : null;
var domain = (argc > 4) ? argv[4] : null;
var secure = (argc > 5) ? argv[5] : false;
document.cookie = name + "=" + escape (value) +
((expires == null) ? "" : ("; expires=" + expires.toGMTString()))
+
((path == null) ? "" : ("; path=" + path)) +
((domain == null) ? "" : ("; domain=" + domain)) +
((secure == true) ? "; secure" : "");
}
function DeleteCookie(name) {
var exp = new Date();
FixCookieDate (exp); // Correct for Mac bug
exp.setTime (exp.getTime() - 1); // This cookie is history
var cval = GetCookie (name);
if (cval != null)
document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString();
}

var expdate = new Date();
var num_visits;
expdate.setTime(expdate.getTime() + (365*24*60*60*1000));
if (!(num_visits = GetCookie("num_visits")))
num_visits = 0;
num_visits++;
SetCookie("num_visits",num_visits,expdate);
document.writeln(num_visits+" vezes!");
</script>

Para mostrar visitantes online, ou seja, quantas pessoas estão visitando seu blog naquele momento você pode pegar o código aqui. Outra coisa bem interessante é saber o total de visitas e também saber de onde vieram seus visitantes para isso oSitemeter é muito bom, ele fornece estatística detalhadas informa de que site vieram suas visitas, de que cidade ou país, resolução de tela, navegador que seus visitantes usaram e outras coisas. 

Usando Melhor os Contadores de Visitas

Colocar um contador de visitas é bem simples, existem vários sites que fornecem o serviço gratuitamente, aqui tem uma lista de vários contadores de visita grátis, alguns recomendados pela própria pagina de ajuda do blogspot:

Google Analytics
Site Meter
TrendCounter
FreeStats
Easy Hit Counters
StatCounter
Feedjit
Who's amung
BlogUtils

Os últimos 3 da lista mostram visitantes online, ou seja, que estão no seu site naquele momento. Alguns desses sites é necessário fazer cadastro para pegar o código, mas eles são grátis, depois que pegar o código entre na pagina layout, adicionar gadget, html/javascript e coloque o código do contador, clique para salvar e pronto.

Mas para que serve um contador de visitas? Parece uma pergunta boba, mas não é somente para enfeitar o blog ou apenas mostrar quantas visitas já tivemos. Existem varias estatísticas e informações úteis nesses contadores, como por exemplo:
Qual a resolução (tamanho) de tela de nossos visitantes?

Eles usam qual navegador (Internet Explorer, Firefox, Opera...)?
Essas perguntam vão ajudar na hora de modificar o layout ou colocar algumas coisas no blog, quando escrevi esse texto a maioria dos visitantes deste blog usava Internet Explorer e tem uma resolução de tela 1024x768, então devemos deixar o blog da melhor forma possível para esta configuração e não para a do nosso computador, afinal o objetivo de todo blog é agradar seus visitantes e se não é possível deixar ele perfeito em todas as configurações e navegadores, devemos dar prioridade para a maioria..

De qual site eles vieram? Outro blog? Site de busca?
O que pesquisaram para chegar em nosso blog?
Com essas informações podemos melhorar nosso conteúdo, por exemplo, publicando coisas que as pessoas procuram. Ainda podemos saber de quais sites recebemos mais visitas isso pode ser útil na hora de fazer parcerias e outras coisas.

Enfim seja qual for o contador que usar, tente explorar melhor as informações que tem nele e aproveitar da melhor forma possível e certamente acharam muitas coisas interessantes e úteis. 

Como usar o Google Analytics no blog

Um dos melhores contadores de visitas que existem para colocar no seu blog ou site é o Google Analytics, ele é invisível no blog isso muitas vezes pode ser uma vantagem, mas se quiser mostrar o numero de visitas pode usar além do Google Analytics outro contador de visitas no seu blog.
Para instalar o Google Analytics no blog primeiro precisa ter uma conta Google, portanto sugerimos usar a mesma que usa no blogger. Na pagina inicial do Analytics clique em: Adicionar perfil de website»

Marque a opção Adicionar um perfil a um novo domínio e digite o endereço do seu blog no campo Forneça o URL do site que deseja acompanhar, lembre-se o blogspot não tem www no endereço. Depois veja está estão corretas as informações abaixo sobre usa localização e fuso horário.

Se estiver tudo certo clique no botão concluir logo abaixo, na tela seguinte aparecerá o código que deve colocar no seu blog ele está em Novo Código de acompanhamento (ga.js), copie esse código entre no seu blog na pagina layout, adicionar gadget, html/javascript e cole o código do contador e clique para salvar. Quando visualizar seu blog não verá nada de diferente, esse contador é invisível no blog ou site.

Depois de colocar o código do contador no blog clique no botão concluir na pagina do analytics, o site voltará a pagina inicial e provavelmente verá um símbolo assim na frente do endereço do seu blog, isto é normal, pois acabou de colocar o contador no blog ele levará um dia(24 horas) para começar mostrar as informações. Se clicar para visualizar relatórios irá para a pagina de estatísticas que está somente com números zeros por toda parte, afinal o contador foi colocado agora e está pagina é atualizada uma vez por dia por isso não adianta entrar no site do analytics varias vezes por dia para ver as visitas.

Mas é nesta pagina que futuramente vamos ver muitas coisas preste atenção no menu que tem no lado esquerdo, o item fontes de trafego vai mostrar de quais sites vieram suas visitas isso é muito útil, é através dele que sabemos quais sites enviaram mais visitas para nosso blog e assim organizamos nossa lista de top parceiros e abaixo dele tem conteúdo se clicar nele poderá ver quais paginas do seu blog são as mais visitadas. Claro que tudo isso depois que começarem aparecer às estatísticas desse novo contador que colocamos agora no blog. Como já dissemos demora mais ou menos um dia para você receber as primeiras estatísticas sobre seu blog.

Veja também:
Contadores de visitas grátis
Aparecer nos resultados das pesquisas Google e Yahoo
Como divulgar seu blog
Formulário de contato 

Contador de visitas para blog

Coloque no seu blog um contador de visitas online que ainda mostra nas estatísticas o total de visitantes, países de origem, sistema operacional e navegador utilizado. Além disso, esse contador de visitas pode ser facilmente personalizado com as cores que desejar para ficar com o jeito do seu blog. Além deste existem muitos outros contadores de visitas para blogs, veja aqui: Usando Melhor os Contadores de Visitas

Entre no site TrendCounter e clique no botão Get your own Counter

Então é só escolher as cores clicando nos quadrinhos que estão em branco e preto aguardar alguns segundos e ver como ficou o contador na imagem logo abaixo (preview).



Quando chegar num estilo que gostar clique em create counter-code, copie o código e coloque no seu blog pela pagina layout, adicionar gadget, html/javascript.

Outra coisa interessante que podemos dizer é que mesmo após colocar o contador no seu blog é possível editá-lo, trocar suas cores sem perder o histórico do contador. Para modificar o contador após instalar-lo primeiro copie o código do contador que colocou no seu blog, depois entre no site do TrendCounter, no menu clique na opção Adjust Widget
Iamgem

Na tela seguinte você verá Adjust Widget, Your current HTML-Code: então coloque o código do seu contador atual neste campo de texto e clique em submit form. Agora é só escolher as novas cores ou aparência, clicar em create counter-code, pegar o código e colocar no blog novamente igual fez da primeira vez.

Veja também

Contadores de visitas grátis
Quem está visitando o blog agora?
Contador de visitas invisível