My WordPress Blog

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.

Para colocar um menu horizontal no site precisamos colocar o código em duas partes distintas. Primeiro vamos colocar o CSS, no blogspot isso é feito através da pagina editar html, colocando o código abaixo junto com os demais códigos CSS do seu blog (body, main, sidebar, etc…), basta colocar o trecho abaixo junto com o restante dos códigos. Para outros blogs a regra é a mesma junto com os demais estilos CSS.
Código CSS do menu horizontal:

#menu{padding: 0px;
font: bold 12px Verdana;
margin: 0px;
width: 650px;}
#menu li{list-style: none;
display: inline;
margin: 0;
}
#menu li a:link, #menu li a:visited{
color: #0000FF;
text-decoration: none;
margin-right: 3px;
border: 2px solid #000000;
padding-top: 4px;
padding-bottom: 4px;
width: 150px;
display: block;
float: left;
text-align: center;
background-color: #FFFFCC;
}
#menu li a:hover{
color: #FFFFFF;
background-color: #FF9933;
border: 2px solid #0099FF;
}

Aqui existem algumas coisas que podemos mudar para deixar esse menu com uma aparência melhor para nosso site. Começando pela largura de cada item, isso é alterado nessa parte: width: 150px; basta trocar esse valor e pronto, contudo modificando isto mudaremos também a largura total do menu que precisará ser corrigida aqui: width: 650px. Quando colocar isso no seu site os itens do menu devem ficar um do lado do lado se isso não ocorrer modifique um destes dois valores que resolverá o problema.
Nesse exemplo o menu não está todo junto existe um pequeno espaço entre os itens para remover ou aumentar esse espaço altere o 3 nesta parte: margin-right: 3px. Finalmente as bordas:

border: 2px solid #000000;
border: 2px solid #0099FF;

Você pode mudar a largura ou a cor da borda (clique aqui e veja o código das cores), ou se preferir sem bordas basta apagar essas duas linhas.

Agora vamos para a segunda parte colocar o menu propriamente dito. Na página editar layout clique para adicionar um gadget e escolha a opção html/javascript, então coloque o código do menu, fizemos esse exemplo agora e só alterar e somente trocar os links:

<ul id=”menu”>
<li><a href=”http://seu site.blogspot.com” target=”_blank”>Seu titulo</a></li>
<li><a href=”http://seu site.blogspot.com” target=”_blank”>Seu titulo</a></li>
<li><a href=”http://seu site.blogspot.com” target=”_blank”>Seu titulo</a></li>
<li><a href=”http://seusite.blogspot.com” target=”_blank”>Seu titulo</a></li>
</ul>

Para modificar a aparência (cor da letra, itálico, cor de fundo ou colocar uma barra de rolagem) somente dos marcadores do blog precisamos criar um novo estilo CSS e aplicar aos marcadores somente. Isso é feito em duas partes, primeiro entre na pagina editar HTML e clique para Expandir modelos de widgets, então procure os marcadores do seu blog.

No caso deste blog (imagem acima) o nome dos nossos marcadores é guia rápido, então encontre os marcadores do seu blog na pagina editar HTML, é claro será com o nome (titulo) que você usa nos marcadores. Quando achar umas linhas abaixo tem <ul>, modifique para ficar igual dessa imagem <ul class=’guiarapido’>, a palavra guiarapido será o novo estilo CSS que vamos criar então pode ser qualquer palavra, mas cuidado para não apagar os sinais ao lado ‘ porque sem eles não vai funcionar.

Depois que fizer isso vá até o começo do html, onde estão os estilos do seu blog (body, main, sidebar…) e coloque isso aqui:

.guiarapido { font-style: italic;
height: 200px;
overflow: auto;
}

A parte fonte-style: italic; é o efeito itálico, as outras linhas são a barra de rolagem, o valor 200 é a altura, isso você pode modificar como quiser. Se quiser colocar estilos diferentes para quando o mouse está sobre os links, faça desse jeito:

.guiarapido {height: 200px;
overflow: auto;
}

.guiarapido a{font-weight: bold;
}

.guiarapido a:hover{ font-style: italic;
}

Se não quiser a barra de rolagem nos marcadores é só não colocar a primeira parte do código. Nas duas partes seguintes coloque os estilos que desejar: tipo de letra, tamanho… (lembrando que a parte que tem o “a” são os links e “a:hover” é quando colocamos o mouse sobre o link, assim podemos editar somente os marcadores do blog sem alterar o restante dos links ou textos. Vamos lembrar mais uma vez que fizemos tudo isso usando o estilo com o nome de guiarapido apenas como exemplo, você pode usar qualquer palavra, mas tem que ser exatamente igual em todas as partes do código.

Fonte:Dicas para Blogs

Colocar imagens como plano de fundo nos sites é uma coisa simples de fazer, basta colocar o código background-image: url(Url da Imagem); onde você deseja colocar a imagem de fundo, lembre-se qualquer parte do CSS pode ter sua imagem de fundo e não somente a tag body onde é geralmente usada. Todas essas alterações de imagens de fundo são feitas através da página editar HTML.

Mas além de colocar a imagem ainda podemos escolher onde ela aparecerá e se irá ou não se repetir. Então vamos por partes, primeiro sobre a imagem se repetir, aqui temos algumas opções, embaixo da linha background-image: url(Url da Imagem); colocamos:

background-repeat: no-repeat; – imagem aparece somente uma vez
background-repeat: repeat-x; – imagem repete horizontalmente(lado a lado)
background-repeat: repeat-y; – imagem repete verticalmente(uma embaixo da outra)

Um detalhe é que o ponto e virgula faz parte do código portanto não esqueça dele.
Além de repetir ou não podemos escolher a posição que a imagem de fundo irá aparecer, com o seguinte código:
background-position: right top;

Isto somente fará diferença no blog caso você coloque uma das linhas que controla a repetição, afinal se a imagem se repetir pela pagina toda ela não usará posicionamento. Para colocar a imagem no lugar que você deseja basta trocar as palavras right e top, assim você mudará o lugar que a imagem de fundo irá aparecer para fazer isto no lugar de right(direita), você pode usar center(imagem centralizada horizontalmente) ou left(imagem à esquerda). E no lugar de top(imagem no alto da tela), pode usar center(imagem centralizada verticalmente) ou bottom(imagem embaixo da tela).

Esses códigos para controlar a repetição e onde a imagem de fundo aparecerá são muito bons para usar quando deixamos a imagem de fundo fixa, acrescentando essa linha:
background-attachment: fixed;

Isto faz que a imagem de fundo fique parada na tela e o conteúdo do site deslize sobre ela. Todos esses códigos mencionados nesta publicação são usados para controlar a imagem no fundo da pagina e portanto devem ser usados juntos, deste jeito:
body {background-image: url(Url da Imagem);
background-position: left center;
background-repeat: repeat-x;
background-attachment: fixed}

Pronto,agora e só aproveitar.

Colocar música no blog é mais fácil do que parece. Isso é verdade pois nunca tinha me interessado por isso, mas revolvi pesquisar para escrever essa dica e para minha surpresa em menos de 10 minutos eu estava ouvindo música no meu blog.

Usei uma música do site http://www.mp3tube.net, você só precisa pesquisar pela música que deseja, quando você clica no nome da música aparece uma tela que você ouve a música e fornece o código para colocar no seu site, mas não é a url, é o código que está na frente do embed.

Esse site ainda fornece a opção de você fazer um cadastro e colocar a música que quiser, caso você não encontre a música desejada. Caso não gostem do MP3tube, aqui tem outros sites de hospedagem:

http://www.myfabrik.com
http://boomp3.com
Last FM
Radio Fusion
Deezer

Enfim o modo de colocar música é simples e basicamente o mesmo de colocar qualquer outra coisa, procure um site que tenha o que deseja e procure pelo código para colocar no seu blog.

Esses códigos devem ser colocados pela pagina editar layout >>> adicionar um gadget >>> html/javascript, então é só colar o código (isto no Blogspot), para outros blogs procure onde você edita o html ou modelo, enfim onde você pode colocar o código da música.

Há pouco tempo o Blogger adicionou mais uma funcionalidade no Blogger In Draft (o site de teste dos novos recursos), uma forma bem prática de adicionar propagandas do Adsense na sidebar e/ou entre as postagens, sem precisar abrir sua conta Adsense.

Para Adicionar as propagandas, siga os passos:

1º – Faça login no Blogger, entre em “Layout” -> “Gerar Receita“.

2º – Escolha a forma dos anúncios.
Depois clique em próxima.

3º – Caso o Adsense seja de outra conta Google (não seja o mesmo login do seu blog), clique em “Alterar Conta do Adsense”.

Coloque o email usado na sua conta do Adsense e o código PIN ou os cinco (5) últimos dígitos do telefone cadastrado na sua conta.

Fonte:Códigos Blog

Existe um link que sempre vem no final da página, logo abaixo da última postagem que serve para direcionar o visitante ao seu Feed.

Mas, convenhamos, esse link é inútil, ninguém clica nele e, se você tem um Feed em outro lugar como o Feedburner, por exemplo, esse não ajuda em nada.

Então, que tal tirá-lo de lá. Isso deixará o blog um pouquinho mais profissional a medida que os visitantes vejam que você tira esse link inútil.

Então, para retirar este link, vá em “Layout“, depois em “Editar HTML“; então procure no código HTML do seu template (utilize Ctrl+F), o seguinte trecho:

.feed-links {
clear: both;
line-height: 2.5em;
}

Abaixo de “line-height:2.5em; acrescente a linha marcada em vermelho:

.feed-links {
clear: both;
line-height: 2.5em;
display: none;
}

Clique em visualizar template. Se tiver tudo ok, salve. Pronto!

Fonte:Dicas e Plugins