Tecnologias Utilizadas: XHTML, CSS, Javascript, JQuery, AJAX, PHP & MySQL.

Tecnologias Utilizadas: XHTML, CSS, Javascript, JQuery, AJAX, PHP & MySQL.

Tecnologias Utilizadas: XHTML, CSS, Javascript, JQuery, AJAX, PHP & MySQL.

Tecnologias Utilizadas: XHTML, CSS, Javascript, JQuery, AJAX, PHP & MySQL.

Tecnologias Utilizadas: XHTML, CSS.

Tecnologias Utilizadas: WordPress.

Tecnologias Utilizadas: WordPress.

Tecnologias Utilizadas: XHTML, CSS, PHP & MySQL.

Desta vez, trago-vos mais de 30 Brushes que podem, e devem, utilizar e abusar nos vossos designs mais criativos. Estes conjuntos de Brushes para Photoshop são ideais se quer criar designs e/ou imagens “futuristas”, com aspecto abstracto, mas, tal como eu, de certeza que conseguiram dar mais uso a este belo conjunto.

Espero que gostem.

1. Dairy Brushes

2. Reborn Brushes

3. Abstract Brushes 2 for PS7

4. Godspeed Brushes

5. Abstract Brushes Vol 4

6. Solex Brushes

7. Brushes Pack 2

8. Ultimate Brush Pack No. 3

9. Ryrax’s Sparkle-Shiny Brushes

10. Abstract Brushes Vol 3

11. Decimation Brushes

12. Abstract Brushes for PS7

13. Abstract Brushes Vol 6

14. Genesis Brushes

15. Sweet

16. Comet Brushes

17. Bluyow Brushes

18. Rise Brushes

19. Grinder Sparks Brush Set

20. Refresh Brushes

21. Phobia Brushes

22. Unreal Brushes

23. Resound Brushes

24. Zone Brushes

25. Life Brushes

26. Cosmic Brush Set

27. Fly Brushes

28. Abstract Glow

29. Impact Brushes

30. Soads Abstract Brush Pack

31. Abstract Brushes Vol 5

E pronto, mais um artigo pronto a ser consumido!
Abraço e beijinhos.
/wp-content/uploads/2010/08/brushes.jpg

Tecnologias Utilizadas: Flash, AS3, XML, PHP & MySQL.

Tecnologias Utilizadas: XHTML, CSS, Javascript, JQuery, AJAX, PHP & MySQL.

Tecnologias Utilizadas: XHTML, CSS, Javascript, JQuery.

Seja um pro em CSS, ou seja apenas um aprendiz, é muito importante ter uma mão cheia de ferramentas que ajudem o processo de criação de folhas de estilo CSS. Estas ferramentas existem aos “ponta-pés”, a seguinte lista foi inspirada num artigo ‘11 Useful Tools for Better CSS Development‘ no qual quero vos dar a conhecer!

1. Grid Designer

Se está a ter dificuldade em criar grelhas complexas em CSS, o Grid Designer pode-lhe dar uma “mãozinha” muito útil.

2. Drawter

Drawter Beta 2 é uma ferramenta escrita em Javascript e jQuery, que possibilita que desenhe exactamente o que quer fazer em CSS.

3. YAML Builder

YAML Builder é uma ferramenta para criar layouts em CSS baseados em YAML (framework de CSS). Permite definir vários parâmetros básico para o o layout, como o número e o posicionamento das várias colunas.

4. Blueprint Grid CSS Generator

Com o Blueprint Grid, será possivel criar versões flexíveis da Blueprint Grid (framework).

5. Format CSS

Com esta ferramenta pode fazer copy&paste do seu código CSS, e ele irá retornar uma versão formatada de todo o código. (Muito útil)

6. CSS Type Set

Esta ferramenta é essencial quando se está na duvida de qual o tipo de letra a usar, e de como irá ficar o seu aspecto.

7. Clean CSS

Com esta ferramenta, poderá limpar e optimzar todo o seu CSS.

8. YUI CSS Grid Builder

CSS Grid Builder faz parte da biblioteca da Yahoo (YUI : Yahoo User Interface). Contém uma interface simples para a criação de grelhas no CSS.

9. Typetester

O Typetester fornece muitas soluções para a comparação entre os diversos tipos de letra, e depois basta fazer o download do que mais gostar.

10. CSS Frame Generator

Com o CSS Frame Generator, poderá fazer copy&paste do códio em XHTML e este irá converter para um layout em CSS.

11. W3C CSS Validation Service

Se nunca ouviu falar da W3C CSS Validation Service, deve começar desde de já a utilizar este serviço, pois, através dele, poderá verificar se o seu código XHTML e CSS é válido para ser interpretado pelos vários browsers. Caso não seja válido, ele fornece sempre dicas de como fazer com que fique 100% válido.

E já está!
Até à próxima!

Melhor o seu CSS com as seguintes dicas

Bem, segue-se a lista das 10 dicas para melhorar o CSS! É altamente recomendado que as sigam para que cada folha de estilos que façam, seja o mais eficiente possível!

1. CSS Reset

A escrita de ficheiros CSS pode-se tornar bastante monotomo e “stressante” quando necessita de escrever diferentes coisas que fazem o mesmo, para que o aspecto do que pretende seja compatível nos diversos browsers. É por esta razão que, é recomendado a todos os designers fazer o “Reset” dos estilos presentes, que por vezes são próprios de cada browser. Fazendo o reset dos estilos, tal como o nome indica, todos os estilos predefinidos dos browsers iram ficar nulos, podendo começar a construção da folha de estilo sem “stresses” e incompatibilidades.
Podem ver a folha de reset que eu utilizo: reset.css.

2. Indentação do Código

Quando tem folhas de estilo demasiado longas, recorra à indentação do código, para que haja uma melhor compreensão.

Exemplo de código não indentado:

.classeCSS {
background: #FFF;
border: 0;
color: #252525;
float: left;
margin: 0;
padding: 0;
}

Exemplo de código indentado:

.classeCSS {
        background: #FFF;
        border: 0;
        color: #252525;
        float: left;
        margin: 0;
        padding: 0;
}

3. Comentários

Mais uma vez, para que o seu código CSS seja mais compreensível, porque não recorre a comentários?
Ao recorrer a eles, o seu código ficará melhor estruturado e de mais fácil compreensão.

Exemplo de um comentário:

/********** ZONA do CABEÇALHO **********/
.header { ... }
...

Ao utilizar os comentários, a navegação pelo documento será muito mais rápida, evitando percas de tempo a procurar linha-a-linha o que pretende.

4. Uma Regra = Uma Linha … Várias Regras = Várias Linhas

Seguindo a dica acima, é possível diminuir o tamanho das suas folhas de estilo de forma drástica!
De seguida irei apresentar dois exemplos de como se pode escrever o código para que o tamanho final dos ficheiros .CSS seja reduzido:

.classe1 { border: 0; }

.class2 {
	background: #FFF;
	border: 0;
	color: #252525;
	float: left;
	margin: 0;
	padding: 0;
}

5. Seja consistente com o seu código

Nas várias folhas de estilo que fui escrevendo, e que continuo a escrever, sigo quase sempre o mesmo modelo. É algo que a maioria não repara à primeira vista, mas se analisar bem é algo que verá.

Por exemplo, quando começa a escrever tudo em blocos de diferentes tipos, elementos do cabeçalho todos juntos, elementos do rodapé todos juntos, etc, continue assim em todas as vezes que criar novas folhas de estilo.

6. Separar os Alhos dos Bogalhos

Alguns designers recusam-se a usar os famosos hacks de CSS, para que haja a máxima de compatibilidade entre browsers. Isto é, sem dúvida alguma, uma prática muito má… Pois, ora o cliente está à espera de vez uma coisa igual, seja onde ele teste…
Se você recorre aos hacks de CSS, porque não separa da sua folha de estilos? Crie um nova folha de estilo, para que apenas seja utilizada caso o utilizador queira vez o seu site, por exemplo, em Internet Explorer.
Separando os seus estilos, irá aumentar a velocidade de carregamento do website por parte de utilizadores que não necessitem dos “hacks” especiais para verem o conteúdo.
Se está a pensar, “Isto é muito bonito falar… Mas como separo e digo ao browser qual folha de estilo carregar?”, a resposta é simples! Segue-se um exemplo:

...
     link rel="stylesheet" type="text/css" href="/css/style.css" 
media="screen, projection"
     !--[if lt IE 8]
       link rel="stylesheet" type="text/css" href="/css/ie.css" 
media="screen"
     ![endif]-->
       link rel="stylesheet" type="text/css" href="/css/print.css" 
media="print"
...

Nota: “if lt IE 8”, com esta condição, caso o site seja carregado em Internet Explorer 8, o browser sabe que terá que carregar a folha de estilo com nome “ie.css”.

7. Aprenda e utilize código curto

Isto é uma das melhores dicas na escrita do CSS…
Para aumentar a escrita das folhas de estilo, utilize código curto… Isto não ajuda só no tempo de demorar a escrever uma folha de estilos, mas também ajuda a diminuir o tamanho final do ficheiro.

Exemplo de utilização de código “normal”:

.classeCSS {
	margin-top: 10px;
	margin-right: 15px;
	margin-bottom: 40px;
	margin-left: 10px;
}

Exemplo de utilização de código curto:

.classeCSS { margin: 10px 15px 40px 10px; }

Agora devem estar a perguntar-se… “Mas como sei qual é o top, right, bottom e left”?
A ordem é exactamente essa, top > right > bottom > left , pensem no sentido do ponteiro do relógio, começando sempre no “top”.

8. Criação um um “índice”

A criação de um pequeno índice no ínicio de cada folha de estilo que cria, irá ajudar você, e outros, uma navegação mais fácil no documento. Não custa nada, e dá um aspecto bastante profissional ao seu trabalho.

Exemplo:

/*****************************************************
1. ÁREA de CABEÇALHO
2. ÁREA de NAVEGAÇÃO/MENU
3. ÁREA de CONTEÚDO
4. ÁREA de RODAPÉ
*****************************************************/

9. IDs e Classes perceptíveis

Não acham frustrante, quando alguém vos pede para alterar uma cor de uma DIV, e ao tentar alterar, deparam-se com algo deste género:

.istoestabonito1 { ... }
.zonaesquerd { ... }
#curvadalidolado { ... }

Perceberam? Não? A ideia era mesmo essa…
Porque não utilizam nomes ilustrativos do que cada bloco diz respeito…

.cabecalho { ... }
.titulo-conteudo { ... }
.menu-principal { ... }

Agora já perceberam certo?

10. Alfabetize a sua escrita

Esta é uma daquelas dicas, que, com a experiencia será muito mais fácil de alcançar.
Conhece o alfabeto certo? Então porque não define as regras de cada classe ou ID de forma alfabetizada? Mais tarde, quando for necessário alterações, será mais fácil para si encontrar exactamente aquilo que precisa…

Exemplo de utilização:

.classeCSS {
	border: 1px solid #000000;
	color: #C1C1C1;
	font-size: 14px;
	line-height: 24px;
	margin: 25px;
	padding: 0;
	position: relative;
	z-index: 101;
}

E é isso… as 10 dicas para você começar a escrever código CSS melhor, mais rápido, e mais eficiente!
Espero que seja útil para si, caso tenha alguma dúvida, já sabe! Utilize os comentários abaixo, ou então contacte-me privadamente utilizado o formulário de contacto presente no site.

Abraços e Beijinhos!

Artigo original: Webdesign Ledger – 10 Tips for Writing Better CSS

Esta colecção de 50 pacotes de icons, foi baseado num artigo publicado no Smashing Magazine, que foi publicado no dia 16 de Setembro de 2009. Este artigo em particular, tem como intuito, ajudar os designers a melhorar os seus designs para a Web (Websites e WebApps). Todos os icons listados são grátis para fazer download, mas é recomendado ler a licença de cada um deles, para ver se os podem utilizar sem problemas de direitos de autor.

50 Packs de Icons Grátis

De seguida, segue-se a lista dos 50 pacotes de icons deste artigo! Espero que gostem, e aguardo os seus comentários!
(Alguns requerem um registo no site do autor)

1. Money Back Guarantee Icon Set

Site Oficial / Download

2. Open Source Icons – (37signals)

Site Oficial / Download

3. 10 Free High-Quality E-Commerce Icons

Site Oficial / Download

4. Credit Card Icons

Site Oficial / Download

5. Daily Exhaust: Hand & Arrow Icons

Site Oficial / Download

6. Free hand pointer icons

Site Oficial / Download

7. Webdesigner kit

Site Oficial / Download

8. The Webdesigner Sketchup Icons

Site Oficial / Download

9. Web Buttons Vector

Site Oficial / Download

10. Top 3 icons pack

Site Oficial / Download

11. 500+ Free Vector Traffic Signs

Site Oficial / Download

12. Packaging Vector Pack

Site Oficial / Download

13. Exclusive Stationery Vector Pack

Site Oficial / Download

14. Moderators Icons

Site Oficial / Download

15. How to be Green at Home

Site Oficial / Download

16. Free iPhone Toolbar Icons

Site Oficial / Download

17. Glyphish

Site Oficial / Download

18. A travel and business vector pack

Site Oficial / Download

19. Token

Site Oficial / Download

20. Standard Iconset by Templay

Site Oficial / Download

21. RRZE Icon Set

Site Oficial / Download

22. Characters so far

Site Oficial / Download

23. Philippe Starck Icons

Site Oficial / Download

24. Snow Leopard Icon

Site Oficial / Download

25. Billiardo 1

Site Oficial / Download

26. Moleskine Helvetica Icon

Site Oficial / Download

27. Foto Icon

Site Oficial / Download

28. Free Cute Furry Monster Icons

Site Oficial / Download

29. LiveJournal turns 10

Site Oficial / Download

30. stratocaster Classic psd

Site Oficial / Download

31. 2001 Space Odyssey

Site Oficial / Download

32. Vector Kitchen Icons

Site Oficial / Download

33. Modern Chairs Icons

Site Oficial / Download

34. Google Talk Icon

Site Oficial / Download

35. Chamber Orchestra

Site Oficial / Download

36. Classic Cameras

Site Oficial / Download

37. Camera Nikon

Site Oficial / Download

38. Lollipop

Site Oficial / Download

39. Gnome Icon Theme

Site Oficial / Download

40. Alcohol

Site Oficial / Download

41. Generic Applications

Site Oficial / Download

42. Bevel and Emboss

Site Oficial / Download

43. 32px icons set

Site Oficial / Download

44. Windows 7 DVD-Box

Site Oficial / Download

45. Xedia

Site Oficial / Download

46. GiNUX

Site Oficial / Download

47. Chalkwork HTML Royalty-free Icons

Site Oficial / Download

48. MinIcons

Site Oficial / Download

49. Flavour Extended

Site Oficial / Download

50. Basic Set

Site Oficial / Download

O que acham da lista? Comentem!

Após pesquisas por diversos destes sites de recursos, decidi reunir uma lista de 20 plugins/scripts recentes que fui encontrando, relacionados com Janelas Modais, Galeria de Imagens, Caixas de Texto Automáticas, Funções de Bookmarking, Pre-loaders, entre outros.
Todos os scripts abaixo referidos utilizam a nova versão do jQuery, ou seja, 1.3.2, que pode fazer o download no site oficial.

20 jQuery Plugins/Scripts

Abaixo segue-se a lista dos mais recentes plugins em jQuery. Espero que gostem!

1. Simple Modal

Este plugin para jQuery permite de uma forma flexível implementar a funcionalidade de janelas modais no seu website.



Site Oficial / Download Demonstração

2. Panel Gallery

Com o Panel Gallery é possível criar slideshows de imagens com efeitos de transição únicos. A sua transição é feita de forma sequencial, dividindo a imagem anterior em secções e substituindo pela nova.



Site Oficial / Download Demonstração

3. Easy Image Gallery

Criar uma galeria de imagens com pré-visualizações torna-se muito simples com este plugin.



Site Oficial / Download Demonstração

4. nyrom Modal

nyromModal é um plugin muito útil para jQuery, que possui bastantes funcionalidades para que possa ser possivel criar janelas modais totalmente únicas.



Site Oficial / Download Demonstração

5. PikaChoose

PikaChoose é um plugin super leve e de fácil implementação que pode integrar no seu website.



Site Oficial / Download Demonstração

6. Image Overlay Plugin

Este plugin permite, no evento do rato de mouseover, associar texto a uma imagem, colocando este texto, em cima da respectiva imagem.



Site Oficial / Download Demonstração

7. imgAreaSelect

Se está a desenvolver uma aplicação web, ou um gestor de conteúdos, onde permite o envio de imagens, talvez seja necessário implementar uma funcionalidade de recorte. Este plugin permite essa funcionalidade de uma forma rápida e eficaz.



Site Oficial / Download Demonstração

8. SimpleMenu

Caso necessite de um menu simples, com vários sub-níveis e leve, este plugin irá satisfazer todas as suas necessidades.



Site Oficial / Download Demonstração

9. SlideBox

Deseja dar um aspecto mais arrumado do seu website? E que tal arrumar o formulário de login (ou outro qualquer), num painel escondido? Ao clicar no respectivo botão, este painel é revelado ao visitante.



Site Oficial / Download Demonstração

10. Single Drop Down Menu

Single Drop Down Menu, também conhecido por Single-DDM é um plugin eficaz de implementar menus com vários sub-níveis, requerendo quase nenhuns conhecimentos de Javascript.



Site Oficial / Download Demonstração

11. Single Drop Down Menu

Encontra-se a desenvolver um formulário de pesquisa num website? Com este plugin de jQuery é possivel oferecer a funcionalidade de sugestão nos termos que são escritos na caixa de texto.



Site Oficial / Download Demonstração

12. jQuery Iconize

O jQuery Iconize permite a redução e expansão de várias caixas modais no seu website, permitindo uma melhor arrumação da mesma.



Site Oficial / Download Demonstração

13. Inline Text Edit

Se for um webdeveloper que quer implementar uma forma simples de alterar campos num formulários, este plugin é para si.



Site Oficial / Download Demonstração

14. PfeLoader

Este plugin permite a apresentação de uma barra de progresso dos conteúdos da página que se encontram a ser carregados. Útil, especialmente para galerias de imagens que contém imagens pesadas e de grandes dimensões.



Site Oficial / Download Demonstração

15. Growl

O Growl permite apresentar elementos inseridos no DOM (normalmente DIV’s), que é perfeito se deseja criar caixas de alerta, caixas de status ou qualquer tipo de notificações instantaneas.



Site Oficial / Download Demonstração

16. jQuery Bookmark

Partilhar o seu conteúdo pelas ínumeras redes sociais nunca foi mais simples com este plugin.



Site Oficial / Download Demonstração

17. Mouse Over Animation for Text

MOAText é um plugin para jQuery que dá a funcionalidade de animar text em HTML com o evento de mouseover.



Site Oficial / Download Demonstração

18. OverScroll

Com o OverScroll Plugin é dado a funcionalidade de arrasto, por exemplo, a uma lista de itens, tal como faria num iPhone, com os gestos do dedo.



Site Oficial / Download Demonstração

19. OverScroll

O jQDialog é mais um plugin que permite a criação de caixas modais, mas neste caso, substitui as caixas pre-definidas do Javascript, alert() promt() e confirm().



Site Oficial / Download Demonstração

20. OverScroll

Uploadify é um pacote escrito recorrendo ao jQuery que permite efectuar o upload de ficheiros (único ou multiplos).



Site Oficial / Download Demonstração

*Traduzido e adaptado de: 20 Fresh jQuery Plugins to Enhance your User Interface

E por hoje já chega, se tiver tempo, amanha escrevo outro artigo.

Uma composição tipográfica deve ser especialmente legível e visualmente envolvente, sem desconsiderar o contexto em que é lido e os objectivos primordiais da sua publicação.

No uso da tipografia, o interesse visual é realizado através da escolha adequada de fontes tipográficas, composição (ou layout) de texto, a sensibilidade para o tom do texto e a relação entre texto e os elementos gráficos na página. Todos esses factores são combinados para que o layout final tenha uma “atmosfera” apropriada ao conteúdo abordado.

Erros Comuns

Abaixo segue-se uma lista de 5 erros comuns que “web-designers” cometem nos seus designs.

1. Mistura de Fonts

Por vezes ao navegar pela net, deparo-me com websites em que o aspecto gráfico a nível de fonts parece uma árvore de natal. Porquê utilizar tantas fonts no mesmo design? Na minha opinião, uma font para títulos e outra para o corpo de texto chega perfeitamente. Não é recomendado o uso de mais de 3 fonts na mesma página!

2. Serif VS Sans Serif

Se é inexperiente na área de design, não é recomendado a mistura de fonts com serifa e fonts sem serifa… Mais tarde, quando tiver bastante conhecimento das fonts, poderá mistura-las, pois já conhecerá os seus tamanhos e aspecto.

3. Tamanho

Os tamanhos que utiliza nas fonts devem ser coerentes e respeitar-se sempre as suas respectiva proporções entre os diversos elementos que compõem uma página web. Quando se escolhe um tamanho de font, é necessário prestar atenção ao equilíbrio geral da composição e à legibilidade de todos os blocos de texto.

4. Distância entre linhas

No CSS existe uma propriedade “line-height”, que é muitas vezes esquecida por web-designers. O que esta propriedade faz é ajustar os tamanhos entre linhas no mesmo paragrafo, ajudando o leitor a ter uma melhor leitura do texto.

5. Cor

A palavra-chave que me vem à cabeça é Contraste. Para que um texto seja facilmente lido é necessário haver contraste da cor da font e o fundo em que se encontra.

Melhorar a Tipografia

Depois de me basear num artigo escrito por Antonio Carusone no website Smashing Magazine, segue-se 7 formas de melhorar a sua tipografia nos seus designs.

1. Medida do Bloco de Texto

A medida é o comprimento de uma linha de tipo. Para o olho de um leitor, linhas longas ou curtas pode ser cansativo e perturbador. Uma medida muito comprida, perturba o ritmo porque o leitor tem dificuldade em localizar a próxima linha de tipo. Para uma quantidade pouca de texto é recomendado uma medida estreita. Para facilitar a leitura terá quer a melhor medida, entre 40-80 caracteres, incluindo espaços.

CSS:

p {
	font-size: 12px;
	width: 350px;
}

2. Espaçamento entre linhas

Para que um bloco de texto seja facilmente legível, é necessário recorrer ao CSS “line-height” para que haja altura entre linhas no mesmo paragrafo. Quando bem utilizado, esta propriedade torna a leitura do leitor mais fluída, dando também uma melhor aparência geral do texto.

Quanto maior for o tamanho da font, maior o tamanho do “line-height“, quanto menor for a font, menor o “line-height“. Uma regra bastante utilizada que funciona bem é utilizar um line-height de +/- mais 4/5pt do que o tamanho da font, por exemplo, se utilizar a font do tamanho 12pt, o line-height que funciona bem seria 15/16pt.

CSS:

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
}

3. Citações ou Blockquotes

Existe uma tag em HTML que é o “blockquote”. É usado para quando quiser citar alguém no seu website. Para ajudar a legibilidade das citações, recomendo que coloquem as aspas fora da linha de leitura, como se pode ver na seguinte imagem:

CSS:

blockquote {
	text-indent: -0.8em;
	font-size: 12px;
}

4. Ritmo Vertical

Mais uma vez, para facilitar a legibilidade numa página, é necessário definir uma altura constante em todos os nossos parágrafos de texto, dando maior fluidez ao aspecto geral da página.

CSS: (Reparem que o line-height e o margin-bottom é igual)

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
}

p {
	margin-bottom: 15px;
}

5. Realçar Texto

Por vezes é necessário dar-se ênfase a uma palavra ou frase no texto. Para que isto não interrompa a leitura fluida do texto, recomenda-se o uso do itálico, negrito, caps, small caps, mudança de cor, etc. Não importa o que escolhe, tente limitar-se a utilizar apenas um. Combinações como caps-negrito-itálico são perturbadores e um pouco desajeitados.

CSS:

span { font-style: italic; }
h1 { font-weight: bold; }
h2 { text-transform: uppercase; }
b, strong { font-variant: small-caps; }

6. Escala do Texto

Sempre compor os títulos e o texto com uma escala. A escala é importante porque estabelece uma hierarquia tipográfica que melhora a legibilidade e cria harmonia e coesão dentro do texto.

CSS:

h1 { font-size: 48px; }
h2 { font-size: 36px; }
h3 { font-size: 24px; }
h4 { font-size: 21px; }
h5 { font-size: 18px; }
p { font-size: 14px; }

7. Optimizar Parágrafos

Ao definir um bloco de texto, não-justificado com um alinhamento a esquerda ou direita, não se esqueça de manter o pano (lado ímpar) equilibrado, sem qualquer “buracos” ou formas inábeis. Evite o uso de linhas muito longas e muito curtas, para que o texto não perca a fluidez de leitura. Não existe nenhuma forma de controlar isso no CSS, por isso é necessário que terá que fazer os seus próprios ajustes manuais para cada bloco de texto.

Fonts Gratuitas

Segue-se uma enorme lista de 50 fonts gratuitas que pode adicionar à sua biblioteca de tipos de letra.

1. Gayatri

Download Gayatri

2. Gradualism

Download Gradualism

3. VAL

Download VAL

4. Faramir Black

Download Faramir Black

5. 2006

Download 2006

6. willygrace

Download willygrace

7. Suede

Download Suede

8. ariapenciroman

Download ariapenciroman

9. ThM_Freaktur

Download ThM_Freaktur

10. Soopafresh font

Download Soopafresh font

11. Razz

Download Razz

12. Wrexham Script

Download Wrexham Script

13. mia’s scribbling

Download mia’s scribbling

14. Back to school

Download Back to school

15. Katy Berry

Download Katy Berry

16. kravitz

Download kravitz

17. Locomotion

Download Locomotion

18. Clutchee

Download Clutchee

19. Saginaw

Download Saginaw

20. Zeta Original

Download Zeta Original

21. Zeta Redux

Download Zeta Redux

22. Caprica

Download Caprica

23. Samoa

Download Samoa

24. Kunchey

Download Kunchey

25. a Morris line

Download a Morris line

26. Chocobot Stacked

Download Chocobot Stacked

27. In its right place

Download In its right place

28. Ornatix

Download Ornatix

29. Luna Bar

Download Luna Bar

30. Encyclic

Download Encyclic

31. Complete in him

Download Complete in him

32. Action Jackson

Download Action Jackson

33. DeLarge

Download DeLarge

34. Baron condensed

Download Baron condensed

35. IR Summer Games

Download IR Summer Games

36. Heavy Diacritics

Download Heavy Diacritics

37. Medio

Download Medio

38. Ferrum

Download Ferrum

39. Gadolinium Rounded

Download Gadolinium Rounded

40. Goudy

Download Goudy

41. Bellerose

Download Bellerose

42. Portal

Download Portal

43. M+ Fonts

Download M+ Fonts

44. New Romantics

Download New Romantics

45. Zephyr

Download Zephyr

46. CircleD Font

Download CircleD Font

47. Technical forest v2

Download Technical forest v2

48. Marcelle Script

Download Marcelle Script

49. Resonance Bold

Download Resonance Bold

50. Nilland

Download Nilland

* NOTA: Para fazer o download de algumas das fonts acima referidas, é necessário efectuar um registo no site que as hospeda.

@ Fontes: 36 High-Quality Latest Free Fonts To Enhance Your Designs e 35 High-Quality Free Fonts For Your Designs.

O artigo está dividido em 6 secções gerais: Conteúdo, Layout, Plugins, Promoção, Networking e Rentabilizar.

Conteúdo

Conteúdo é a chave para o sucesso no mundo dos bloggers. Sem conteúdo bom, constante e de qualidade, talvez será melhor não ter um blog, pois, a única pessoa que ficará mal vista será você mesmo. Mais uma vez volto a frisar, “content is king“, ou seja, conteúdo é rei, pode haver muito boa promoção ou networking, mas sem a chave essencial tudo será em vão.

1. Armazenador de Ideias

Encontre um lugar onde armazenar as suas ideias. Escrever apenas de inspiração momentânea não é considerado produtivo. Até porque, as suas melhores ideias virão, provalmente, quando não será capaz de as escrever, por isso, é importante o “Armazenador de Ideias”.

2. Criar um Mind-Map do seu Blog

Manter um olhar-falcão do seu blog. Criar um mind-map do seu blog, com os artigos, categorias, zonas de promoção e fontes de rendimento provou ser um exercício esclarecedor para mim. Não só oferece uma imagem totalmente diferente do blog, mas deu-me ideias para a sua melhoria global.

3. Escrever para o Futuro

Não caia na armadilha do “já e agora”. Quando um assunto na Internet está “quente”, ele vai permanecer assim, até que o assunto arrefeça. Por esta razão, quando pegar num assunto deste tipo, tente-o escrever de uma forma que possa ser lido facilmente no futuro, mesmo sendo ele de carácter temporal.

4. Utilize títulos explícitos

Como se sabe, os títulos são a primeira coisa que o leitor do seu blog lê! Eles funcionam como isco, logo, se o isco é bom, ele vai “morder” o isco e ler o seu artigo. Se o título for chato, comum, previsível ou simplesmente não interessante, eles provavelmente irão saltar desse artigo para o outro, ou então para outro website qualquer.

5. Seja específico

Seja o mais específico possível! Se o seu blog tem como tema “Design”, não tem sentido que ajam artigos relativos ao tema de “Mecânica Aeronáutica Aplicada a Zebras do Polo Norte” (LOL), mesmo quando tem outras especialidades (other skills).

6. Seja constante

Esteja lá constantemente. Criar um hábito não só para si, mas para os seus leitores. Depois de haver uma “relação” com eles, eles esperam que você lá esteja.

7. Criar e Seguir uma Rotina

Isto requer de auto-disciplina (self-discipline), mas é o essencial para o sucesso do blog. Se não o actualizar constantemente, não haverá blog. Só com experiência é que encontrará o seu ritmo… Alguns autores escrevem entre 2-3 artigos por dia, na minha opinião, 3-5 semanais são o suficiente.

8. O tamanho do Artigo

Encontre um tamanho que ache razoável. Se hoje apenas conseguir escrever 200 palavras, não se preocupe, o importante é que não seja como alguns, que copiam conteúdo pela Internet. A minha opinião para um bom artigo, terá que ter mais de 500 palavras. Mas isto sou eu, encontre o seu número perfeito.

9. Escreva do que percebe

Se percebe de “Telemóveis marca XPTO”, não comece a divagar nos temas, falando do que não percebe, como por exemplo “Máquinas de Lavar Loiça XPTO2”.

10. Seja autêntico

Não se arme em “Sr. que Percebe tudo”, seja pessoal e transparente, sempre. Errar? É humano, mas lembre-se que um blog deverá ser uma paixão pela expressão de um certo individuo, não perca tempo a tentar ser perfeito, apenas seja melhor (perfect vs better)! Seja você mesmo, seja único naquilo que escreve e no que faz.

11. Escreve para os seus Leitores

Um blog é uma questão pessoal, mas se você quiser ter mais do que 2 visitantes/leitores (incluindo a sua mãe), escreva para os seus leitores. Pense em como seus leitores vão beneficiar daquilo que escreve. Se você quer ser o único beneficiário desse processo, você pode começar um blog com segurança privada.

12. Create A Blogging Setup

A “arte” de blogging não é apenas escrever. Deverá definir a sua estratégia, os seus objectivos, as suas avaliações. Quando definir estes passos, siga-os, verá que só trará mais-valias para o seu sucesso.

13. Pergunte ao Leitores

Interacção! Não basta supor que sabe o que os seus leitores querem, pergunte-lhes! Poderá fazer isto de diversas formas, ou pelos comentários, ou via e-mail ou até pelo Twitter/Facebook! Ou ainda melhor, escreva um artigo específico, no qual pergunta-lhes, e verá que eles comentaram o mesmo.

14. Agendar os Artigos

Sendo você o autor, porque não agendar alguns artigos, para que eles apareçam visíveis passado uns tempos? Isso de certeza que irá aliviar a sua rotina quando não tem tempo para escrever sobre um determinado assunto.

15. Um Artigo depois de Publicado Viaja

Uma vez que clicou no botão “Publicar”, o seu blog viverá a sua própria vida. O blog será um viajante pelo mundo cibernético. Por isso é necessário ter em conta as palavras-chave, os títulos apropriados, os meta-dados, tudo importa. (Anatomy of a Blog Post)

16. Um Blog é algo mais

O seu blog é muito mais do que apenas os seus artigos. Se você pensa que um blog é apenas uma colecção de artigos, engana-se. O blog é feito pelas suas mensagens/artigos, comentários, os seus comentários sobre outros blogs, os seus tweets. Faça uma presença fora do seu blog! Divulge-o! (First 6 months of Blog Writting)

17. Estruture os seus Artigos

A estrutura do seu artigo é bastante importante para quem o vai ler. Não desate a escrever sem parar, “Portugal ainda é nosso”! Leve o seu tempo a escrever os seus artigos para que sejam do melhor.

18. Link-se a si mesmo

Não seja tímido sobre o que você escreve! Não espere que os seus artigos sejam descobertos por outros… Faça links para si mesmo, quantas vezes puder. Esta prática, também conhecida como articulação, é também bom para SEO (Optimização para Motores de Busca), mas a sua principal vantagem será a criação de uma maior consciência do seu conteúdo. Mesmo para você.

19. Exercícios de Escrita

Faça os seus próprios exercícios de escrita. Estabeleça um número de palavras por cada artigo. Escreva histórias pessoas. Escreva um “tutorial”. Escreva uma lista de 100 coisas a fazer, como este. Tente escrever um determinado número de artigos num período de tempo específico. Tente expandir as suas habilidades para além do que consegue.

20. Colabore

Colabore com outros. Participe em vários projectos de grupo, escreva para outros blogs ou livros. Será muito bom para a sua promoção, e conseguirá novas técnicas de escrita de artigos.

21. Dicionário

O que não falta é dicionários on-line, ou, software de dicionário. Isso é óptimo para procurar sinónimos ou palavras relacionadas.

22. Filtro Ante-Publicação

Antes de publicar os seus artigos, porque não criar uma espécie de filtro ante-publicação? O meu passa pelos seguintes pontos: O artigo é útil? É verdade? Está compreensível? Alguém, para além de mim necessita dele? É partilhável? Pode ser facilmente encontrado? Se eu gostei de o ler? (7 Questions to Answer Before Publishing a Blog Post)

23. Crie outro tipo de conteúdo

Um blog pode conter muito mais do que apenas texto. Porque não aventurar-se a criar “PodCasts”, conteúdo de Vídeo, uma secção de downloads de, por exemplo, Ebooks sobre Web Development.

24. Link para os “Grandes”

Se o tema do seu blog é telemóveis com ecrã táctil, porque não criar hiperligações para os “grandes” como por exemplo, Apple iPhone, Samsung Omnia? Dessa forma os seus leitores podem ver pelo que você se interessa.

25. Apresente-se

Escreva uma página “Sobre mim” para que possa apresentar-se aos seus leitores. Inclua links para o seu Twitter, Facebook, LinkedIn, verá que começará a ter mais seguidores. Porque? Assim, dá a ideia de ser uma pessoa, não um robot que só escreve.

26. Mantenha-se Simples

Escrever num blog não é escrever sobre filosofia. Mesmo que esteja a tentar explicar conceitos complicados, faça o seu melhor em escrever sobre eles o mais simples possível. Lembre-se, o seu blog está a competir com milhares de milhões (exagero, ou não) de fontes de informação, por isso tenha em atenção em escrever algo simples e de fácil compreensão.

27. Leia o seu Blog

Você mesmo deverá ser o primeiro leitor!

28. Balance as suas Categorias

Se o seu blog contém várias categorias, tente manter essas categorias o mais equilibrado possível. Isso ajudará não só na escrita, mas também o seu ranking nos motores de pesquisa. Demasiado conteudo numa só categoria significa que haverá demasiado conteúdo duplicado nos arquivos do seu blog.

29. Mailing List

Porque não incluir um pequeno formulário no seu blog onde os leitores se possam inscrever e receber as novidades? É uma forma de eles voltarem ao seu blog.

30. Técnicas de Brainstorming

Porque não recorrer a técnicas de brainstorming? Uma das mais simples, embora um pouco assustadoras, é este artigo que está a ler. Apesar de este ser baseado noutro, foi necessário reunir 100 formas de resolver o assunto em questão “100 Formas de Melhorar o Seu Blog”. Pense nisso, crie uma lista de 10, 20, 50, 100 … Verá que acabará por alcançar e será um sucesso.

31. Nunca desistir

A dica mais importante de todas. Não desista. Começar no mundo “web” está cada vez mais dificil, talvez os primeiros 6 meses, não haverá grandes resultados a mostrar, mas a qualquer momento, pode ser que seja bem sucedido. Mas, nunca pode desistir, pois se desistir, pode “tirar o cavalinho da chuva”, o sucesso “não cai do céu”.

Layout

A forma como o seu conteúdo é apresentado é um dos factores a ter em conta. Pode criar conteúdo bom e atraente, mas se este conteúdo não for apresentado de uma forma agradável, ninguém o irá ler. As pessoas gostam de ver coisas bonitas em primeiro lugar, e depois ler belos artigos.

32. Opte por um Tema Profissional

Caso não saiba, não tenha jeito, ou então, não tenha paciência, compre um tema profissional para o seu blog. Existem inumeros “mercados” para compra de temas para blogs, recomendo vivamente o “ThemeForest“, ou até uma framework sugerida por Dragos, o “Thesis“.

33. Mude a Página Inicial

Se utilizar o WordPress, como ferramenta de Gestão de Conteúdos do seu blog, por defeito, a página inicial é os últimos artigos inseridos, correcto? Substituindo esta lista de artigos por uma boa página inicial é geralmente uma óptima ideia, porque, os seus artigos terão maiores visitas vindas directamente dos motores de busca, twitter… Porque não mudar o aspecto da página inicial para algo diferente para agradar aos visitantes que chegam directamente ao seu site/blog?

34. Utilize apenas Excertos

Se optou por criar um página inicial diferentes, mostre apenas como “teaser”, os excertos dos seus artigos.

35. Active a Opção “Threaded Comments”

As versões mais recentes do WordPress permitem isto. Isto dará outro aspecto à lista de comentários num artigo, pois, o texto será indentado ajudando a sua leitura e acessibilidade.

36. Identifique os Hotspots do Blog

Os Hotspots são as áreas que estão mais à vista do que outras. Dependendo do seu layout, pode-se tirar o maior partido destas áreas com anúncios PPC (Google Adsense – Pay per Click), ou então, o formulário de inscrição na mailing list. Decida por si, e tire o máximo partido dessas áreas quentes.

37. Cumprimentar no ínicio

Pouco antes do conteúdo dos artigos, porque não deixar uma breve mensagem de boas vindas aos leitores?

38. Área de retenção

Após cada artigo, deverá criar uma área de “retenção”. O que é esta área de retenção? Como exemplo, poderá criar uma caixa com os artigos relacionados, os últimos artigos inseridos, os últimos downloads disponiveis, enfim, algo que o leitor se prenda e não fuja do seu blog.

39. Cabeçalho

Preste atenção ao cabeçalho do seu blog, que é onde o título do blog é geralmente colocado. As pessoas vão se lembrar do seu blog, recriando visualmente a zona. Se ele é muito lotado, será difícil de memorizar. Eu recomendo sempre manter seu cabeçalho o mais limpo possível, a fim de ser facilmente lembrado.

40. Área Lateral

Normalmente, todos os temas de blog contém uma área lateral (Sidebar), sendo ela um Hotspot. Utilize-a não apenas para Publicidade, Links, use para mostrar algum conteúdo. Porque não incluir uma breve descrição (resumida), do que trata o blog? Lembre-se de incluir as palavras-chave neste resumo, serão uma mais-valia em termos de Optimização para motores de busca.

41. Últimos Artigos Publicados

E já agora… Inclua uma lista dos últimos artigos inseridos. Por exemplo, imagine um artigo no seu blog onde fala sobre o “Windows Vista – Vantagens/Desvantagens”, publicado à 6 meses atrás. O leitor chegou a ele, vindo dos motores de busca. Agora imagine, que tem um novo artigo sobre o “Windows 7 vs Windows Vista”, onde compara os dois Sistemas Operativos. Na minha opinião, é relevante para o leitor, sem que se tenha de dirigir aos arquivos do blog, ver uma lista dos artigos mais recentes na barra lateral, podendo “saltar” logo para o artigo mais recente, não concordam?

42. Artigos Mais Lidos

Ainda dentro da área lateral, inclua uma lista dos artigos mais lidos, ou os artigos mais populares do seu blog. Existem diversos plugins que geram esta lista automaticamente.

43. Crie uma página de Downloads

Caso siga a dica nº 23, “Crie outro tipo de conteúdo”, e nela inclua downloads, crie esta página separada, mas feita de forma bem feita, para que quem lá chegar directamente, veja que não é uma página “simples e fraca”. Deverá optimizar esta(s) página(s) ao máximo!

44. RSS Feeds

Os seus leitores têm a liberdade para escolher a forma que irá ler os seus artigos, via Web ou via um leitor de RSS. Porque não disponibilizar o artigo completo na Feed? Desta forma os leitores não necessitam de vir ao seu blog para lerem o que escreveu. Dê alguma liberdade!

45. Twitter

Hoje em dia (quase) todos têm twitter, ou pelo menos já ouviram falar dele. Inclua alguns dos seus últimos tweets na sua página. Quem sabe se isso não trará mais seguidores?

46. Foque-se no Conteúdo

Faça o que fizer no que diz respeito ao layout do seu blog, lembre-se sempre: isto irá ajudar os leitores a chegarem ao meu conteúdo mais rápido? Se a resposta for “não”, ou “talvez” a esta pergunta, normalmente isso é desnecessário.

47. Utilize Excertos nos Arquivos

O WordPress tem uma funcionalidade de Arquivos. Os arquivos são, nada mais, nada menos, que os seus artigos agrupados por ordem cronológica ou categoria. Nesta página de arquivos, faça com que o tema mostre apenas os excertos de cada artigo, isto vai criar uma melhor experiência do leitor e, eventualmente, aumentar o tempo que eles passam no seu blog.

Plugins

Como o autor original se refere, os plugins estão para os blogs, como o “aileron” está para os carros tuning. Quem não gosta de funcionalidades extras em seus blogs? Os seguintes plugins são para o CMS de bloggin WordPress.

48. Akismet Spam Protection

Akismet verifica cada novo comentário inserido a fim de verificar se este é Spam ou não. (Download Akismet Spam Protection)

49. All In One SEO Pack

Se quer tirar o máximo partido do WordPress em termos de optimização para motores de busca então este plugin é um “must have”. (Download All In One SEO Pack)

50. Contact Form 7

Um forma simples e eficaz de criar formulários de contacto no WordPress. (Download Contact Form 7)

51. Google XML Sitemaps

Este plugin gera um “sitemap” do seu blog e submete-o automáticamente ao Google, Yahoo, MSNLive/Bing e Ask.com. (Download Google XML Sitemaps)

52. FD Feedburner

Para quem gosta de ter estatísticas de quem subscreveu ao seu RSS Feed. (Download FD Feedburner)

53. Twitter for WordPress

Mostra o seu timelime público vindo do Twitter. (Download Twitter for WordPress)

54. WP – Page Navi

Uma versão avançada e recomendada para a navegação do seu blog. (Download WP-PageNavi)

55. WP – Post Views

Mostra as vezes que cada artigo/página foi visto. (Download WP-PostViews)

56. WP – Post Ratings

Porque não incluir umas “estrelas” para os leitores votarem nos seus artigos? (Download WP-PostRatings)

57. Recent Comments

Gera uma lista dos comentários mais recentes. (Download Recent Comments)

58. Similar Posts

Gera uma lista de artigos/páginas relacionadas dentro do seu blog. (Download Similar Posts)

59. WPtouch iPhone Theme

Para quem acede ao seu blog via iPhone, o design do blog muda com este tema ideal para iPhones. (Download WPtouch iPhone Theme)

Promoção

Tem que ser reconhecido pelo seu trabalho. Se não promover o seu trabalho seria como criar uma loja de venda de tapetes regionais da Serra da Estrela no deserto do Sahara (LOL).

60. Não seja tímido

Se realmente sabe o que escreveu são coisas boas, é necessário espalhar a palavra e fazer auto-promoção. Não há espaço para timidez aqui!

61. Tweet, Tweets, Twitter

Se não tem Twitter, crie já uma conta, arranje seguidores, siga outros…! O twitter está a provar ser um óptimo sistema para angariar visitas. Deixe um tweet sobre os seus artigos no twitter, com uma hiperligação ao artigo no seu blog, verá que não se arrependerá.

62. Stumble Upon

Outra forma de promover os seus artigos. O StumbleUpon é uma comunidade que é criada pelos utilizadores que vão partilhando novas descobertas “sites, blogs, artigos”. Porque não?

63. Reddit

Exprimentem este serviço. O Reddit.com é outro website que o conteúdo é gerado por utilizadores que vão publicando as suas descobertas.

64. Digg

De certeza que já entraram no website do Digg.com. Geralmente as pesquisas nos motores de busca, o Digg pode ser encontrado nas primeiras páginas com artigos relacionados, e um destes resultados pode ser o seu.

65. Facebook

Parece que hoje em dia, quem não tem Facebook, não merece viver. É claro que estou a exagerar, mas se virmos bem o crescimento que o Facebook teve, (quase) todos têm lá um perfil. Como promover o seu blog no Facebook? Simples, logo a página inicial do seu perfil (Wall), pode ir metendo links para os seus artigos!

66. Os Trackbacks

Quando alguém coloca uma hiperligação para o seu artigo noutro blog, é gerado um trackback. Aconselho a visitarem e a deixarem um comentário de agradecimento por terem colocado a hiperligação para o seu artigo.

67. Comentários Aqui e Ali

Procure no mínimo 10 – 15 blogs que gosta realmente e crie um hábito de deixar uns comentários lá. Isto dará reconhecimento e poderá contribuir para o “Networking” da sua rede.

68. Responda ao Comentários no seu Blog

Mantenha o olho aberto nos comentários no seu blog. Responda aos leitores, interaja com eles, respeite-os. Isto é uma óptima forma de gerar conteúdo extra nos seus artigos!

69. Permalinks

Está a ver a hiperligação lá em cima? Não? Então eu mostro: ” http://www.migueltavares.com/blog/100-formas-de-melhorar-o-seu-blog.html “. Está a ver a forma de como este artigo é apresentado na barra de endereço? Isto é sem duvida um “must“, e você deve optar por criar algo do género na sua instalação do WordPress.

70. Títulos em HTML

Não vou explicar este ponto em promenor, mas aqui fica um resumo:
* Tag: H1 – Utilizado para o título do Blog
* Tag: H2 – Utilizado para o título do Artigo
* Tag: H3 – Utilizado para o sub-títulos dentro do artigo
* Tag: Hn – Utilizado para o sub-títulos de ordem N dentro do artigo.
Como pode ver, existe uma estrutura, começando no H1, e descendo os níveis. Em termos de optimização para motores de busca, cada página deverá ter uma boa estrutura no que diz respeito a estes títulos.

71. Meta-dados e Palavras-Chave

Como referi anteriormente, na secção dos Plugins, recomendo que instalem o plugin “All In One SEO Pack”. Ele dará opções extras para cada novo artigo que publica, onde poderá especificar o título (title), a descrição (description) e as palavras-chave (keywords) para cada página de cada artigo. Se quer um bom ranking nos motores de busca, recomendo a fazer isto.

72. Utilize Palavras-Chave nos Permalinks

Como neste artigo, o permalink que escolhi foi “100-formas-de-melhorar-o-seu-blog.html”, porque? Porque estou a falar sobre 100 Formas de Melhorar o seu Blog e não sobre 100 Formas de Perder Peso sem Ginásio.

73. Título da Página É Muito Importante

O título de cada página é muito importante, pois é isso a primeira coisa a aparecer nos resultados dos motores de pesquisa. Plugin: “All In One SEO Pack”. Tenha em atenção este factor!

74. Procurar Comunidades Mais Pequenas

Depois de se auto-promover através do Twitter, Digg, Reddit, procure por outras comunidades do género, de tamanho mais pequeno e mais específico ao assunto do seu blog.

75. Estatísticas

Observe o tráfego do seu blog. Analize de onde e como chegam as visitas. Com uma análise bem feita poderá melhorar aspectos no Blog para que cheguem ainda mais visitas. Recomendo o Google Analytics, da Google.

76. Estatísticas #2

Não seja impaciente e verifique as estatísticas a cada 5 minutos. No ínicio, 3/4 vezes por semana chegam, depois de alguns re-tweets, talvez verifique com mais frequência.

77. Fóruns

Quem disse que os fóruns estão fora de moda? Existem muitos fóruns espalhados pela Internet que permitem ter links nas assinaturas dos utilizadores, e se deixar lá uns comentários de vez em quando, virão visitas de lá de certeza.

78. PingBacks

Quando alguém coloca uma hiperligação para o seu artigo noutro blog, é gerado um pingback. O funcionamento é bastante parecido ao Trackback, mas o PingBack funciona como uma espécie de rank. Quanto mais PingBacks tiver um artigo, melhor ele será posicionado nos motores de busca.

79. Amigos (Vida Real)

Se ainda tiver a sorte de ter amigos na vida real, fale-lhes do seu blog, dos seus artigos. Lembra-se: A publicidade “boca-a-boca” é a melhor de todas!

80. Número de Leitores RSS

Se optou por utilizar o plugin que referi acima, “FD Feedburner Plugin”, com ele poderá visualizar as estatísticas que quantos leitores via RSS tem o seu Blog. Porque não divulgar este número? Por muito pequeno que seja, uma imagem visual trará novos leitores! Acredite!

Networking

Surpreendentemente, muitos dos bloggers que conheço são tímidos sobre as suas estatísticas, julgam que não têm seguidores suficientes para mostrar. Na verdade, fazendo com que o número de seguidores seja público, incentivará os seus potenciais leitores a aderir e a contribuir de certa forma no seu Blog.

81. Guests Posts

Guests Posts são, artigos escritos por si, mas que são publicados em outros Blogs. Faça isto de graça, sem cobrar, verá que começará a criar uma rede para negócios futuros.

82. Parceiros no Crime

Se o seu blog tem como tema principal o Webdesign, porque não perde algum tempo a pesquisar por outros websites na área, converse com os seus webmasters, crie uma rede de parceiros, interligando-se entre si. Óptimo para os Motores de Pesquisa!

83. Outros Parceiros

Seguindo o exemplo acima, porque não pesquisar por websites que falem de “Tutoriais em Photoshop” ou “Novidades na Informática”. Sendo o seu blog na área de Webdesign, tendo já uma rede de parceiros na área de Design, abra os horizontes e arranje ainda mais parceiros relacionados.

84. Ajude-os, Promova-os!

Tendo já uma rede, porque não divulgar os seus artigos também? De certeza que eles irão fazer o mesmo consigo! Quantas mais as fontes de tráfego, melhor!

85. Participe em Concursos de Blogging

Pessoalmente, estou num concurso que se encontra a decorrer no Cria um Blog, chamado de “Cria um Blog“. Porque entrar nestes concursos? Ganhar reputação no mundo da “blogosfera”.

86. Conheça outros Bloggers

Sim, conheça-os pessoalmente. Por vezes, trocar ideias via IM (Intant Message – MSN Messenger) não é a mesma coisa do que discutir e trocar ideias cara-a-cara.

86. Eventos para Bloggers

Ok, eu sei que em Portugal não há nada disto, mas de certeza que qualquer dia haverá algo do género. Não perde nada em visitar, ouvir, aprender, discutir com outros bloggers (Ponto 86.).

87. Mostre o que Vale

Se sabe o que faz, se quer angariar novos membros para a sua rede de parceiros, divulgue-se. Não seja tímido, porque, mais uma vez, a timidez não leva a lado nenhum. Recomendo o registo no fórum do Mais Trafego.

Rentabilizar

A uma dada altura, vai querer ver o seu trabalho renumerado. É natural. É o seu trabalho que se encontra lá investido e gostaria de receber algo por ele. No que diz respeito a rentabilizar, o céu é o limite… Existem inúmeras formas de rentabilizar o seu Blog.

88. Donativos

De certeza que já se cruzou com sites que têm um pequeno botão para donativos. Porque não se regista no Paypal, e arranje o seu próprio botão? Se o seu trabalho for bom, se cativar os leitores, certeza que eles irão fazer um donativo.

89. Negócios

Lembre-se de uma coisa, quando se faz negócio, e isso envolve o seu trabalho, a sua “cara” é que é exposta. Tenha em atenção com que lida nesses negócios, há muita gente por aí que só nos quer bem (mal).

90. Promova dentro do Tema

Isto é um erro que se vê bastante pelo mundo cibernético. Se temos um Blog, cujo tema é de Webdesign, não vamos andar a vender velas com cheiro a morango e pêssego, não acham? Se querem vender velas com cheiro a morango e pêssegos, criem outro blog para o efeito. Sendo o tema Webdesign, o mais apropriado seria promover, por exemplo, Templates, Temas para WordPress.

91. Promova o que Usa

Se tem como ferramentas de trabalho um rato e teclado, não promova martelos e pregos.

92. PPC – Pay Per Click

O mais conhecido, e talvez o mais credível é o Google Adsense. Com um painel de administração de fácil utilização, com meia dúzia de cliques é possível obtermos o código para colar-mos no Blog de forma a ganhar uns extras com cliques nos links relacionados.

93. Espaços Publicitários

Quando no seu blog, vende/aluga espaços publicitários, venda-os directamente com a pessoa interessada. Na minha opinião não se deve recorrer a sistemas de venda de espaços, pois, por vezes, nunca sabemos bem como aquilo funciona, normalmente, o serviço nem sempre é transparente.

94. Quer trabalhar?

Se for o dono de um Blog sobre Webdesign, e gostaria de trabalhar como freelancer, então porque não diz isso aos seus leitores? Inclua uma parágrafo nos seus artigos, dizendo que está livre para ser contratado para fazer trabalhos na área. Quem sabe quantas oportunidades de trabalho surgiram daí.

95. Vendas de Longa Duração

Se por acaso vender um espaço publicitário no seu Blog, tente-o vender pelo máximo tempo possível. Mesmo que faça um desconto, por vezes é melhor receber algum, do que passar meses a receber nenhum.

96. Crie e Venda os seus Produtos

Crie os seus próprios produtos, por exemplo, crie templates para o ThemeForest. Eles pagam por cada template submetido e aprovado pela equipa de moderação! Ganhos extras aos fim do mês sabem sempre bem!

97. Quando for grande…

Quando achar que o seu Blog é grande o suficiente, quando este tiver atingidos os objectivos definidos inicialmente, crie uma zona “Premium”. Começe a cobrar para certas áreas do seu blog.

98. Zona “Premium”

Quando achar a altura apropriada para uma zona “premium”, talvez seja melhor oferecer algo de lá para angariar mais membros “premium”. Se criar uma área “premium” e divulgar a dizer que contem X, Y e Z, porque não oferecer X para verem o que está a falar?

99. Assuma os Erros

É humano. Nós, humanos erramos. Aceite esses erros com bons olhos, para ver onde e porque errou. Aceitando esses erros apenas o vai ajudar a melhorar!

100. Divirta-se

Acima de tudo, divirta-se. Não se sinta na obrigação de fazer X, Y ou Z!

Créditos Originais: Dragos Roua @ 100 Ways to Improve Your Blog / Dragos’s Twitter
Traduzido e Adaptado: Miguel Tavares @ @MigTavares

Ufffaaaaaaaaa! Já está! O que acharam?

Tecnologias Utilizadas: XHTML, CSS, Javascript, JQuery.

Tecnologias Utilizadas: XHTML, CSS, Javascript, JQuery.

Tecnologias utilizadas: XHTML, CSS, Javascript, JQuery.