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