Crazy Dicas

Parceria

2010-01-08T14:00:00.000-08:00

Seja nosso parceiro, adicione um de nossos banner e nos avise. Lembrando que as estatísticas são tiras do Google Analytics semanalmente.

Como criar um texto refletido no GIMP

2010-01-02T14:14:00.001-08:00

Vídeo Aula de como criar um texto refletido no GIMP, que é concorrente da PHOTOSHOP.

Criar uma enquete no blog

2010-01-02T11:10:00.000-08:00

Um dos melhores jeitos de saber o que as pessoas procuram ou gostariam de ver em um blog ou na internet é através de pesquisas, o próprio blogger tem essa função, basta entrar na pagina layout, adicionar gadget e encontrar a opção enquete e preencher os dados da sua pesquisa.

Ou então podemos criar nossa pesquisa em sites fora do blogspot como, por exemplo, no site http://www.enquetes.com.br, ele tem mais opções que as pesquisas criadas diretamente no blog e também é muito fácil de usar, ao entrar no site você verá um link: clique aqui e faça já a sua! Quando clicar precisará fazer um cadastro (é gratuito). Mas é simples, forneça o endereço do seu site ou blog no cadastro, será útil depois.

Após terminar o cadastro vamos criar a enquete, preencha os campos com sua pergunta, opções e selecione uma categoria.

Quando clicar para avançar (próximo passo) irá fazer algumas configurações da sua pesquisa as principais opções em nossa opinião são:

Exibir seus dados como "criador" da enquete, isso faz aparecer na pagina de votação e resultados da pesquisa um link (criador da enquete) com seu site e email por isso dissemos no começo para colocar o endereço do seu blog no cadastro.

Controle avançado de duplicidade de votos: isso impede que uma pessoa vote diversas vezes seguidas na mesma enquete, após votar o site bloquear o IP por aproximadamente 7 minutos.

Permitir que os visitantes criem comentários sobre a sua enquete se quiser que as pessoas comentem sobre a enquete marque essa opção.

Enquete temporária e/ou limitada: se marcar essa opção a enquete terá um dia para terminar, isso é uma questão de gosto pessoal se você quer ou não um prazo final para votar na sua pesquisa.

Comportamento da enquete: aqui define se é permitido votar em somente uma ou mais opções da pesquisa.

Forma de exibição dos resultados parciais da enquete: como o próprio nome diz é a forma que os resultados serão exibidos, nós sempre usamos a opção: Automático: exibe o número de votos após 20 votos computados.

Agora clique em salvar e na tela seguinte tem varias opções entre elas ver a enquete e instruções sobre como instalar a enquete em seu website

Você verá varias jeito de utilizar sua enquete para colocar no menu do seu blog copie o código da Opção 2 - formulário com a enquete e recursos Java depois entre na pagina layout do seu blog, clique em adicionar gadget, html/javascript e cole o código. Agora o seu blog já tem uma pesquisa de opinião que você pode controlar muito melhor do que as pesquisas geradas pelo próprio blogger.

O que não fazer no seu blog

2010-01-02T10:49:00.000-08:00

Quando fazemos um blog muitas vezes exageramos nas coisas que colocamos nele, e isso acaba não agradando as pessoas que visitam o blog, há algum tempo atrás fizemos uma pesquisa sobre o que as pessoas não gostam em blogs, ela já recebeu mais de 1580 votos até hoje(07/08/2009). Veja as principais coisas que as pessoas não gostam em um blog:

Pop up ou mensagem ao entrar no blog (20% dos votos)

Algumas pessoas usam e acreditam ganhar votos em concursos ou coisas do tipo, mas pense quando você navega e abre uma mensagem dessas qual a sua reação? A minha é fechar o pop up e se não estiver muito interessando no conteúdo(já conhecer) do site fecho ele também.

Música ao entrar no blog (16% dos votos)

Cada pessoa gosta de um tipo de musica então o problema já começa daí como saber se a musica que você acha perfeita para colocar no seu blog não é a mesma que os seus visitantes detestam? Ainda existem outros problemas como pessoas que acessam a internet de locais de trabalho, faculdades, escolas e outros lugares onde não é bom fazer barulho para chamar atenção de todos neste caso a pessoa não vai procurar onde parar a musica fechará a janela o mais rápido possível. Então se inserir musicas no seu blog dê preferência aquelas onde é necessário clicar no play para iniciar e não as musicas que iniciam automaticamente quando alguém entra no blog.

Erros de português e miguxes(cada um deles recebeu mais de 13% dos votos)

Ninguém é obrigado a decifrar o que você escreve, portanto tente ser o mais correto possível. Não estou dizendo que precisar ser uma escrita totalmente formal, nem com gramática perfeita, mas pelo menos compreensível. Confesso que língua portuguesa nunca foi meu forte, por isso acho que gosto de blogs sei escrever HTML melhor que português rsrs, mas piadinhas a parte isso é outra coisa que incomoda muita gente.

Por essas e outras coisa precisamos pensar mais em coisas que agradam os visitantes do blog e não somente naquilo que gostamos. Mas não vamos falar apenas sobre o que não devemos fazer, veja aqui as coisas mais procuradas em blog, em outra postagem trataremos melhor deste assunto e se você tiver alguma sugestão para novas enquetes deixe um comentário falando sobre ela.

Resolver problemas com os comentários

2010-01-02T10:40:00.000-08:00

Quando os comentários do blog não aparecem, a primeira coisa que devemos verificar é se nas configurações do blog está marcado para exibir os comentários. Para fazer isso entre em configurações, comentários e veja se está selecionado para exibir os comentários? Se estiver altere para ocultar, salve e depois marque para mostrar novamente, se for um bug do blogger isso deve resolver o problema.

Caso não apareçam os comentários no seu blog ou mesmo aparecendo o link para a página de comentários não funcionar corretamente é possível que o problema seja no HTML, então entre na pagina editar HTML, clique para expandir o modelo e procure por:

<b:if cond='data:top.showAuthor'>

<data:top.authorLabel/> <data:post.author/>

</b:if>

</span> <span class='post-timestamp'>

<b:if cond='data:top.showTimestamp'>

<data:top.timestampLabel/>

<b:if cond='data:post.url'>

</b:if>

</span>

Isso pode variar um pouco dependendo do modelo do seu blog, então logo depois desses códigos coloque esse trecho, se já tem algo parecido provavelmente está com algum erro então apague e substitua por esse:

<b:if cond='data:blog.pageType != "item"'>

<b:if cond='data:post.allowComments'>

</b:if>

Agora clique para visualizar, depois salvar e faça o teste tentando deixar um comentário no seu blog. Isso já resolveu o problema com os comentários em diversos blogs, mas naturalmente se você baixou seu template de algum site o HTML dele pode ser totalmente diferente então não é possível utilizar essa dica. Neste caso o melhor a fazer é entrar em contato com o site de onde baixou o template e falar sobre o problema

Mostrar assuntos relacionados no blog

2010-01-02T10:35:00.000-08:00

Mostrar as postagens relacionadas com uma miniatura da imagem, isso é no final de cada um de seus textos aparece o link de alguns outros textos do seu blog com uma imagem, isso é muito útil para gerar trafego entre suas paginas, pois mantêm as pessoas mais tempono seu blog e isso faz melhorar sua classificação nos sites de busca. Podendo até gerar mais visitas.

É muito fácil de fazer usando o site LinkWithin você só precisa digitar o seu email, endereço do seu blog, escolher a plataforma (sugerimos escolher a opção Other e não a opção Blogger) assim poderá pegar o código em vez de adicionar diretamente no blog, isso é útil, pois dependendo do seu template se usar a opção blog poderá ter alguns problemas como aparecer um gadget vazio, mas se quiser fazer o teste usando a opção blog pode dar certo. e o numero de links que mostrará(Width:). Caso seu blog tenha um fundo escuro e letras claras marque a opção My blog has light text on a dark background, depois é só clicar em Get Widget e copiar o código para colocar no seu blog.

Agora que já copiamos o código para mostrar os assuntos relacionados no Blogger entre na pagina editar html, clique para expandir o modelo e procure por:

<data:post.body/>

Quando encontrar coloque o código que copiou exatamente abaixo dessa linha, clique para visualizar e se estiver tudo certo é só salvar e já está pronto. Agora seu blog mostra o link de algumas postagens com miniaturas no final de cada um dos textos. Se você achar que esses links ficaram muito juntos com sua postagem ou dos comentários pode colocar <br/> antes e depois do código, isso faz deixar uma linha em branco, pode repetir quantas vezes quiser, ou seja, cada <br/> é uma linha em branco.

Botão para as redes sociais - AddThis

2010-01-01T08:11:00.000-08:00

Um ótimo serviço gratuito para ajudar na divulgação do seu blogspot é colocar um botão que permite adicionar sua pagina aos favoritos e também enviar para diversas redes sociais. Parece bastante coisa, mas o site AddThis faz tudo isso de forma muito simples para instalar no blogger.

Entre no site http://www.addthis.com, selecione a opção Blogger, depois escolha qual modelo de botão vai mostrar no seu blog, deixe marcado a opção No, just give me the button e clique em get your button

Na pagina seguinte verá um código logo depois de Blog Post Button Instructions, copie esse código, as instruções do site funcionam perfeitamente para instalar o botão no seu blog, é bem simples: Entre na pagina editar html, clique para expandir o modelo, procure por <div class='post-footer'> e cole o código do botão antes dele. Agora é só clicar para visualizar e depois salvar as alterações.

Quando for criar o botão pode escolher a opção Yes, track the performance of

my button. (requires registration), mas como deve ter notado será necessário fazer um cadastro, mas pode valer a pena se quiser explorar melhor os recursos e serviços do site. Dissemos para escolher a outra opção como uma forma mais simples de instalação, mas claro que é uma questão para cada um decidir qual o melhor jeito de fazer.

Retirar a barra do blogspot

2009-12-30T12:38:00.000-08:00

Para retirar a barra do blogspot basta colocar este código:

<style>

#navbar-iframe { height:0px; visibility:hidden; display:none }

</style>

Para fazer isso vá em layout e escolha a guia editar html, quando aparecer o código do seu blog procure por: <head>(isso está bem no começo do html) e cole o código acima depois é só clicar para salvar e pronto a barra na parte superior do blogspot já desapareu.

Apagar comentários

2009-12-30T12:30:00.000-08:00

Uma hora ou outra todos recebemos algum comentário indesejado que pode ser uma ofensa, propaganda enfim qualquer coisa que não gostaríamos de ver nos comentários do nosso blog. Isso não é um problema porque apagar esses comentários é muito fácil.

Primeiro entre no site do blogger (fazer login) depois abra seu blog em outra janela e clique para ver o comentário que deseja apagar. Você irá notar que junto com cada comentário tem uma imagem de uma lata de lixo (ela só aparece depois de fazer login),

então clique na latinha então aparecerá um botão para excluir o comentário e embaixo dele um quadrinho para você marcar se quiser que está escrito remover definitivamente?

A diferença entre marcar ou não esse quadrinho é que se não marcar quando alguém entrar no seu blog verá que um dos comentarios foi apagado porém se marcar o quadrinho isso faz o comentário indesejado sumir por completo, ou seja, ninguém saberá que você apagou.

Moderar Comentários

2009-12-30T12:23:00.000-08:00

Uma função muito útil no blogspot é moderação de comentários, ele funciona assim quando alguém comentar seu blog antes do comentário aparecer você terá que aprová-lo, quer dizer você tem uma chance de ler e decidir se vai ou não mostrar o comentário no seu blog.

Para usar isso entre em configurações, ache Moderação de comentários e selecione a primeira opção “sempre” isso faz todos os comentários precisarem sua aprovação antes de aparecer no seu blog. Uma boa dica é pedir uma notificação por e-mail quando tiver comentários para moderar, para fazer isso é só colocar seu endereço de e-mail no campo abaixo, como o próprio blogspot descreve o serviço: Você receberá uma mensagem neste e-mail quando um não-membro fizer um comentário no seu blog. Deixe este espaço em branco para não receber essas notificações.

Essa moderação de comentários é muito útil para evitar spam (pessoas comentam visite meu blog..) ou ainda alguns desocupados que fazem comentários ofensivos e coisas do tipo.

Agora que já fez as alterações é só clicar para salvar as configurações e pronto. Além das notificações por e-mail, quando você acessar a pagina do blogger, aparecerão os novos comentários para você decidir se publica ou não, embaixo do nome do seu blog, deste jeito:

Então é só clicar no link e decidir o que fazer com cada um deles.

Pesquisa dentro do blog

2009-12-30T12:17:00.000-08:00

Para colocar uma caixa de busca no blog e permitir que nossos visitantes façam pesquisas dentro do blog é uma coisa bem útil e facilita que as pessoas encontrem o que procuram. Usamos o seguinte código:

<div align="center"><FORM method=GET action="http://www.google.com.br/search">
<INPUT TYPE=text name=q size=25 maxlength=255 value="">
<INPUT type=submit name=btnG VALUE="Pesquisar">
<input type=hidden name=domains value="endereço do seu blog"><br><input type=radio name=sitesearch value="">Web<input type=radio name=sitesearch value="endereço do seu blog" checked>Neste site<br>
</FORM></div>

Se quiser pode modificar o tamanho do campo de texto mudando o numero 25, outra coisa é o texto Neste site você pode escrever o que desejar, por exemplo o nome do seu blog.

Isso faz o Google pesquisar as palavras digitadas somente dentro do endereço que colocamos no local indicado, assim fica fácil achar qualquer coisa no blog. Você só precisa colocar o endereço do seu blog nos locais indicados no código e depois colocar o código pela pagina layout, adicionar gadget, html/javascript e já está pronto.

Se quiser você pode criar um código parecido com esse no site do Adsense e além de mostrar um sistema de busca no seu blog ainda pode ganhar algum dinheiro quando as pessoas utilizarem as pesquisas Google através do seu blog.

Como Aumentar as Visitas do Blog

2009-12-30T12:11:00.000-08:00

Para conseguir aumentar as visitas do blog, existem varias coisas que podemos fazer, algumas delas dão resultados rápidos, mas sem continuidade, já outros demoram um pouco mais, porém significam um real aumento de visitas para o blog, quero dizer vai trazer visitas para o seu blog todos os dias e não somente num dia especifico.

A primeira delas que faz as pessoas entrarem no seu blog rapidamente é participar tópicos em comunidades no Orkut(comente ou avalie o blog acima e outras coisas do tipo).

Visitar e comentar outros blogs porque certamente eles virão comentar o seu também. Isso tudo gera visitas, mas a maioria delas visita o blog apenas uma vez, então se usar essas táticas aproveite para propor uma troca de links ou banners. Coloque no seu blog o link dos sites que gostar mais, assim quando eles vieram comentar irão ver e talvez colocar o seu link no deles também.

Mas vamos também falar sobre coisas que geram resultados mais duradouros, ou seja, que realmente aumenta o numero de visitas diárias do blog: primeiro coloque keywords – palavras chave no seu blog.

Entre na pagina editar html e depois da tag <head> coloque isso:

Apenas no lugar onde está escrito palavras, sobre, blog, troque por palavras que tem algo a ver com o conteúdo do seu blog, sempre separando com vírgulas.

Em suas postagens procure colocar algum link para outra postagem que já tenha feito no seu blog, esses links internos podem ajudar a melhorar sua classificação nos sites de busca, quando mais as pessoas navegarem entre suas paginas é um sinal que o conteúdo dele é bom e assim você aparece melhor os resultados das pesquisas Google, Yahoo e outros. A primeira vez que li isso achei uma bobagem, mas depois que comecei a fazer notei um aumento de visitantes no blog.

Mas também existem coisas que não devemos fazer como, por exemplo, deixar comentários ou participar de tópicos de discussão apenas para escrever visite meu blog e deixar o link, muitos desses lugares irão excluir o que você escreveu e você terá apenas perdido tempo e irritado as pessoas com isso.

É claro que existem muitas outras coisas que ajudam a melhorar o blog e a quantidade de visitas, mas não seria possível falar de tudo numa só postagem afinal esse é um assunto sem fim.

Usar o Twitter no blog

2009-12-30T11:51:00.000-08:00

O Twitter faz muito sucesso então vamos unir esse micro blog (como alguns chamam) com o blogspot, veja como colocar um link para enviar suas postagens do blog para o twitter. Entre na pagina editar html e clique para expandir o modelo depois procure por <data:post.body/> e coloque esse código logo abaixo dela:

<a expr:href='"http://twitter.com/home?status="+ data:post.url'
target='_blank'>Enviar para o Twitter</a>

Apenas troque o texto Enviar para o Twitter por qualquer outro que deseje ou ainda uma imagem, então o código ficaria assim:

<a expr:href='"http://twitter.com/home?status="+ data:post.url'
target='_blank'><img src='http://a0.twimg.com/a/1250203207/images/twitter_logo_header.png' border='0'/></a>

Neste caso pode trocar o endereço da imagem por qualquer outra imagem que goste mais, apenas tenha certeza que está usando o endereço correto da imagem. E já que tocamos no assunto aqui estão algumas imagens para usar como banners para o seu Twitter:

Apenas sugerimos que salve a imagem no seu computador e hospede em algum lugar para utiliza-la, a razão disso é que se muitas pessoas usam a mesma imagem principalmente se ela estiver numa hospedagem grátis ela pode parar de funcionar (ser excluída ou bloqueada a imagem). Então clique com o botão direito sobre a imagem e escolha a opção salvar, depois hospede no site http://imageshack.us e use o direct link para colocar no código com o link para o seu Twitter. Espero que gostem e siga-nos no Twitter.

Gadget para tradução com imagens das bandeiras

2009-12-30T07:12:00.000-08:00

Colocar uma ferramenta de tradução no blog pode ser útil afinal nunca sabemos de onde viram nossos visitantes, 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 layout, adicionar gadget, html/javascript e cole o código abaixo:

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.

Reduzir URL e mandar para o Twitter

2009-12-30T05:37:00.000-08:00

Vamos mostrar como reduzir a url das postagens do seu blog antes de enviar para o Twitter, assim quando seus visitantes quiserem mandar alguma de suas postagens ficará mais fácil, pois sobrarão mais caracteres para que escrevam seus comentários. É com um código que vamos reduzir o endereço da pagina e enviar juntamente com esse endereço reduzido o titulo de sua postagem para o Twitter.

O primeiro passo é entrar na pagina editar html, clique para expandir o modelo e procure por <data:post.body/> então coloque o código logo depois dele. Caso não encontre procure por post-header-line-1 e também coloque o código logo após.

<span style='float: left;padding:3px'><script charset='utf-8' src='http://bit.ly/javascript-api.js?version=latest&login=tweettrackjs&apiKey=R_7e9987b2fd13d7e4e881f9cbb168f523' type='text/javascript'/>
<script charset='utf-8' src='http://s.bit.ly/TweetAndTrack.js?v=1.01' type='text/javascript'/>
<a expr:onclick='"return TweetAndTrack.open(this, \"" + data:post.url + "\");"' href='#'>
<span style='display:none;'> <data:post.title/></span>Tweet this!</a></span>

Mostramos essas duas opções porque isso pode variar um pouco dependendo do modelo do seu blog, mas na maioria deles encontrará os dois bem próximos um do outro, então é só fazer um teste e veja qual deles é mais fácil no seu modelo.

Agora podemos alterar facilmente o texto que é exibido no blog apenas mudando onde está Tweet this! Para qualquer outra coisa que deseje escrever ou ainda poderíamos colocar uma imagem substituindo esse mesmo texto pelo código de uma imagem, assim:

<img src="endereço da imagem" border="0" />

Naturalmente você deve trocar o endereço da imagem por uma que goste mais ou combine melhor com o seu blog, se quiser usar a imagem que está no inicio desta postagem pode salva-la no seu computador e depois hospedar no Imageshack. Fazemos essa sugestão porque se colocássemos o código pronto, muitas pessoas usariam a mesma imagem e por se tratar de uma hospedagem grátis ela poderia ser removida.

Melhorando os marcadores do blog

2009-12-29T18:45:00.000-08:00

O menu feito usando os marcadores do blog sempre apresenta uma falha, quando clicamos em algum item e aparece a pagina desse marcador mesmo assim ele continua aparecendo na lista dos marcadores e muitas vezes fora da formatação dos outros itens. Mas existe um jeito de ocultar o marcador que estamos visitando do menu.

Entre na pagina editar html, clique para expandir o modelo e procure por sua lista de marcadores, no caso desse blog buscamos pelo titulo guia rápido que é o nome usado em nossos marcadores, veja que no inicio aparece <b:widget id='Label1' locked='false' title='Guia Rapido' type='Label'>, no seu blog onde tem guia rápido terá o nome que usa para esse menu, então você encontrará algo assim:

<b:widget id='Label1' locked='false' title='Guia Rapido' type='Label'>

<b:includable id='main'>

<b:if cond='data:title'>

</b:if>

<ul>

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

<b:if cond='data:blog.url == data:label.url'>

<data:label.name/>

</span>

<b:else/>

<data:label.name/>

</a>

</b:if>

</li>

</b:loop>

</ul>

<b:include name='quickedit'/>

</div>

</b:includable>

</b:widget>

Então apague o trecho:

<data:label.name/>

</span>

Clique para salvar e faça o teste, quando clicar em um dos marcadores do seu blog a pagina que aparece esse marcador, a lista dos marcadores não mostrará esse item que estamos visitando. Se quiser faça o teste neste blog clique em qualquer item do guia rápido e verá que na pagina que abrir ele não aparecerá na lista.

Personalizar título do blog

2009-12-29T18:38:00.000-08:00

Talvez você já notou que alguns blogs inclusive esse quando entra nas paginas individuais das postagens o titulo da postagem aparece antes do nome do blog. Fazer essa alteração ajuda os mecanismos de busca localizar suas postagens e com isso aumentar o numero de visitas.

Normalmente na barra do navegador aparece assim: nome do blog – nome da postagem, depois que inserir esse código aparecerá nome da postagem – nome do blog. Agora vamos começar, entre na pagina editar html e procure por:

<title><data:blog.pageTitle/></title>

Apague essa linha e coloque isso no lugar:

<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/><title><data:blog.pageTitle/></title>
</b:if>

Salve e visualize seu blog, depois clique para ver somente uma postagem e notará que o nome da postagem trocou de lugar com o nome do blog. Em pouco tempo essa alteração também aparecerá também quando seu blog aparecer entre os resultados das pesquisas do Google.

Hospedagem de Imagens

2009-12-29T18:23:00.000-08:00

Uma video aula de como colocar suas foto ou/e imagens na internet, server bastante para pessoas que usam scripts que indica imagens.

Como fazer e colocar botões no blog

2009-12-29T17:47:00.000-08:00

Para fazer botões no seu site ou blog o jeito mais fácil é usar um estilo CSS para colocar essa imagem do botão como fundo de um texto(seus links). Calma parece um pouco complicado, mas são poucas linhas de códigos e depois colocar ou modificar os botões será uma tarefa muito simples e rápida.

Antes de começar precisamos achar ou criar 2 imagens para usar como botões, elas precisam ser do mesmo tamanho porque usaremos uma quando o blog aparece e a outra quando colocamos o mouse sobre o link. Veja aqui alguns programas grátis para editar imagens, eles são bons para fazer os botões e outras imagens que precise no seu blog. Depois disso você precisa hospedar as imagens em algum lugar sugerimos o ImageShack.

Agora vamos começar colocar os novos botões no seu blog, primeiro vamos colocar o estilo CSS, entre na pagina editar html, procure por body{...tem varias coisas aqui....}, antes da palavra body coloque o código abaixo:

.botao a{text-decoration: none;

font-family: Arial, Helvetica, sans-serif;

color: #000000;

background-color: #F2DBB9;

width: 210px;

text-indent: 5px;

height: 30px;

display: block;

line-height: 30px;

font-size: 12pt;

}

.botao a:hover{

color: #000099;

background-color: #cbe1ec;

}

Assim fica bem fácil localizar esse código dos botões quando quiser fazer alterações nele, sua pagina editar html ficará assim:

/* Primary layout */

.botao a{text-decoration: none;

font-family: Arial, Helvetica, sans-serif;

color: #000000;

background-color: #F2DBB9;

width: 210px;

text-indent: 5px;

height: 30px;

display: block;

line-height: 30px;

font-size: 12pt;

}

.botao a:hover{

color: #000099;

background-color: #cbe1ec;

}

body {background-color: $mainBgColor;

Então clique para salvar, agora vamos colocar os links onde usaremos esses botões, entre na pagina layout, clique em adicionar gadget, html/javascript e cole esse código:

</div>

Apenas faça as alterações colocando o nome e endereço dos sites que quiser, pode colocar quantos sites desejar não existe limite. Agora é só salvar e visualizar seu blog esses links já aparecerão com os botões que você fez.

Já parece tudo pronto, mas faltou explicar como alterar esses botões, o código que publicamos foi apenas um exemplo, os valores que estão no código são referentes ao tamanho do botão que usamos, então quando usar suas imagens faça os ajustesnecessários.

text-indent: 5px; margem esquerda do texto

width: 210px; largura do botão

height: 30px; altura do botão

line-height: 30px; altura da linha(deve ser igual à altura do botão)

Sobre a largura do botão ainda temos que verificar se o texto de nossos links não serão grandes demais para o botão pois se o texto ocupar duas linhas a imagem do botão se repetirá e certamente o efeito visual disso é péssimo para o layout, neste caso você deve reduzir o texto do link ou refazer o botão mais largo.

Outro detalhe é o porquê usamos uma cor de fundo se já fizemos o botão com uma imagem, a resposta para isso é simples: é melhor prevenir do que remediar quer dizer em caso da imagem não carregar por qualquer motivo aparecerá uma cor de fundo mesmo assim que sugerimos usar uma cor parecida com a cor do botão. A utilidade disso é, por exemplo, se o fundo do seu blog for preto e usar um botão branco, com texto preto, se o botão não aparece por algum motivo o texto do link pode ficar invisível devido à cor de fundo do blog, então colocando uma cor de fundo no botão temos a certeza que pelo menos essa cor sempre aparecerá junto com o link.

Programas Gratuitos para Edição de Imagens

2009-12-29T17:35:00.000-08:00

Abaixo uma 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.