DeskMundo

No WordPress.com não é possivel você baixar temas, mas você conta com uma enorme lista de temas, na qual a maioria é muito bonita e possui uma qualidade de temas pagos. Mas resumindo, em blogs de deskmod os temas mais usados são Garland e Neat!. Devo ressaltar que para um blog ser diferente e ganhar mais visitas, você deve ter um tema exclusivo e original, mas como o fato é que a maioria dos blogueiros do WP.com usam Garland e Neat!, vou ensinar a personalizar os dois temas.

Mas claro, as dicas que vou dar aqui podem ser aplicados em muitos outros temas. E as dicas que darei aqui, podem ser modificadas ou até melhoradas usando CSS e HTML, e para isso, necessário que você tenha um bom domínio nestas linguagens (se você não sabe nada de CSS e HTML, clique aqui e estude um pouco).

Então chega de papo e vamos por a mão na massa

Como é o tema mais usado por nós, vou dar dicas para deixar o tema Neat! bem estiloso.

1- Selecionando o tema

Para selecionar o tema Neat!, você deve clicar em Aparência e depois Temas. Agora, clique na página 3 e encontre o tema Neat!. Agora, para ativá-lo, clique sobre ele e depois confirme a solicitação.

Seu blog irá ficar assim:

2- Inserindo um cabeçalho

Nosso primeiro passo de customização será inserir um cabeçalho no tema. Para isso, selecione a opção “Imagem de Cabeçalho Personalizada”, que fica perto da opção “Temas”. O que você terá que fazer é construir um cabeçalho com as dimensões 700 x 200 pixels com um editor de imagens e enviar para o blog. Aconselho a você a ler este artigo feito por mim, na qual dará algumas dicas de fazer um cabeçalho.

Para este exemplo, usarei o cabeçalho do DeskMundo WordPress.com:

3- Widgets personalizadas

Agora vamos colocar imagens no lugar dos textos das widgets do seu blog. Widgets são itens como Categoria, Arquivos, Páginas, e muitos outros que se localizam na barra lateral de um blog.

Para isso, você deve ir na opção “Complementos” que também se situa perto de “Temas”. Lá, arrasta uma widget de texto encima de widget que você deseja customizar, como por exemplo o widget “Arquivos”. Na widget “Arquivos”, clique em “Edit” e no campo de título, apenas preencha clicando na tecla de espaço. Assim, o texto do widget não será exibido. E agora na widget de texto acima do widget de arquivos, insira o seguinte código:

<img src="ENDEREÇO DA IMAGEM" alt="Arquivos" />

Em ENDEREÇO DA IMAGEM, substitua pelo endereço URL da imagem que você quer. Se você quer uma inspiração para fazer suas widgets, clique aqui e confira uma lista de widgets feitas por mim, ou clique aqui e veja um tutorial ensinado a fazer uma.

Veja como fica nosso exemplo agora:

4- Fundo ao blog

Convenhamos que o fundo do tema Neat! não é lá dos melhores, mas graças a esta dica do Raul podemos trocar este fundo! Em “Complementos”, crie um widget de texto e cole o seguinte código:

<div style="position:fixed;height:1141px;width:1024px;top:0;left:0;right:0;background-image:url(ENDEREÇO DA IMAGEM);background-repeat:repeat-x;text-decoration:none;z-index:-9999;margin:0 auto;"></div>

Em ENDEREÇO DA IMAGEM, substitua pelo endereço URL da imagem que você quer. Aplicando isso, o nosso blog de exemplo ficara assim:

A imagem usada neste exemplo foi esta

5- Pequeno complemento

E para finalizar esta edição, vou dar uma pequena mais legal dica para fechar o visual do seu blog. Não seria legal você criar um botão para mostrar algo importante do blog, como um fórum ou link da página principal? Se você quiser fazer isso, copie e cole o código a seguir em um widget de texto:

<a href="LINK DO SEU FÓRUM"><img style="position:absolute;top:231px;left:700px;" src="http://upuloads.files.wordpress.com/2008/09/forumexemplo.png" alt="Fórum" border="0" /></a>
<a href="LINK DO SEU BLOG"><img style="position:absolute;top:231px;left:600px;" src="http://upuloads.files.wordpress.com/2008/09/homeexemplo.png" alt="Fórum" border="0" /></a>

Resultado final:

O resultado final ficou muito bom né? Claro que você pode personalizar o tema Neat! ainda muito mais, basta ter criativdade e força de vontade. Para conferir o exemplo “ao vivo”, clique aqui.

Outras edições desta série:

• Aprenda a criar um blog gratuito de qualidade – Parte 1
• Aprenda a criar um blog gratuito de qualidade – Parte 2
• Aprenda a criar um blog gratuito de qualidade – Parte 3