Resolvi então criar um editor de HTML em tempo real. A grande vantagem é que não temos que mudar de separador a cada alteração que fazemos. Á medida que digitamos o código na parte superior da tela, o resultado do código de HTML aparece imediatamente na metade inferior. É instantâneo!

Experimente na versão em tamanho reduzido abaixo:

Se quiser usar a versão que ocupa toda a tela clique no link do final deste post.

Este editor pode dar imenso jeito para quem já sabe alguma coisa de HTML. Eu próprio uso várias vezes, e até o tenho no browser como favorito. Também o tenho usado para criar rapidamente um link com um endereço que encontrei na net. Por vezes colar o link no browser não funciona, então depois de criar esse link faço download do ficheiro clicando sobre ele com o botão direito do mouse.

Mas pode também ser uma ótima ferramenta para quem está a dar os primeiros passos com o HTML, para quem está a aprender HTML, a conhecer os comandos mais básicos, e precisa de os testar. Esta é uma forma excelente de começar a perceber como funcionam as páginas da internet, para entender o código que está por trás dessas páginas, e como manipular esse código, para fazer aquela modificação que você não conseguiu de outro modo. Isso pode fazer a diferença no seu site ou blog.

Experimentem!
Espero que o HTML instantâneo possa ser muito útil para todos, como tem sido para mim.

Siga-nos: Twitter | Facebook

Estes editores podem ter muitas aplicações. Um editor WYSIWYG pode por exemplo ser integrado numa secção de um site para permitir que os visitantes possam aí deixar as suas mensagens. Existem vários editores diferentes que podem apresentar uma ou outra funcionalidade mais interessante para uma dada aplicação.

Resolvi experimentar dois desses editores com o objectivo de disponibilizar no como fazer um site uma página para quem estivesse a aprender HTML, para que pudessem ali experimentar facilmente os códigos à medida que os iam aprendendo.

1. Um dos editores HTML que instalei foi o TinyMCE
   

   Se quiser experimentar o TinyMCE que instalei clique no link editor HTML.

1. O outro editor que instalei foi o CKEditor
   

   Se quiser experimentar o CKEditor que instalei clique no link editor HTML online.

Outros editores WYSIWYG de HTML que não cheguei a experimentar:

1. BlueShoes WYSIWYG Editor
2. WYM Editor
3. jHTML Area – jQuery WYSIWYG Editor
4. jwysiwyg WYSIWYG jQuery Plugin
5. Xinha
6. NicEdit
7. WMD – What You See is What You Get Markdown Editor
8. Amaya

Siga-nos: Twitter | Facebook

Recentemente adicionei um plugin que cria uma secção na barra lateral com os Top Comentadores no blog.
Os leitores que contribuírem com mais comentários válidos são recompensados com uma posição no TOP dos comentadores. A lista de “Top Comentadores” exibe o nome do utilizador e se o leitor tiver um site, o nome fica com o formato de link que aponta para esse site.

O plugin chama-se “Top Commentators Widget”. Quem quiser usar o plugin no seu blog pode encontrá-lo aqui. Pode também ser encontrado introduzindo o nome do plugin depois de clicar no botão “Instalar Novo” na secção dos plugins do painel do WordPress. O plugin tem várias opções de configuração. Estas configurações são definidas na secção de widgets do WordPress depois do plugin estar instalado e activado. (Para o Blogger há uma solução semelhante, veja o artigo “Top Comentadores para o Blogger“)

O plugin incentiva os comentários pois os leitores ficam com a possibilidade de receberem visitantes para o seu site. Para além disso os comentadores neste blog têm a vantagem de aqueles links serem dofollow, o que significa que podem participar neste blog, contribuindo com seus comentários, e ao mesmo tempo desenvolver a sua estratégia de Link Building com as palavras chave direcionadas para os motores de busca.

E você? Já usa uma secção de “Top Comentadores” no seu blog?

Siga-nos: Twitter | Facebook

Você quer saber como aumentar os seguidores no Twitter? É simples! É só ficar entrando em sites e blogs e anunciar para todos que você segue toda a gente que o seguir a você. Assim todos ficam a ganhar, não é?!

Não, não é!
O problema com este tipo de raciocínio é que a abordagem está errada. Imaginemos que ao ficar anunciando por aí que “seguimos todos os que nos seguirem a nós” até conseguimos milhares ou centenas de milhares de seguidores… o problema é que nenhum desses seguidores nos vai prestar muita atenção porque são utilizadores do Twitter que o mais certo é andarem também por aí muito ocupados a encontrar outras pessoas que os sigam.

Preocupe-se menos com o número de seguidores que tem no Twitter. Concentre-se em oferecer conteúdo interessante ao seu público através do Twitter, e nessa altura seguidores de qualidade, interessados, vão começar a segui-lo naturalmente.

Qualquer que seja a sua área de interesse, de certeza que há muito conteúdo interessante que você pode criar e partilhar, e aí sim o seu público alvo irá segui-lo e manter-se atento ao seu perfil do Twitter.

No post anterior vimos uma forma de criar vídeos com fotos. Mas será mesmo possível criar um vídeo grátis em que personagens falam aquilo que definimos em texto?

Sim,é possível criar gratuitamente vídeos profissionais com cenários e atores escolhidos por nós e em que apenas temos que fornecer os textos daquilo que queremos que esses atores digam.

Como funciona

Depois de ser criada uma conta gratuita (é necessário fornecer um nome de utilizador, um email, que é necessário depois para ativar a conta, e uma senha) começamos por seleccionar uma das coleções de personagens/cenários:

Seleccionada a opção pretendida temos então acesso à ferramenta que nos permite criar um vídeo a partir de texto:

1. No separador “Sets” escolhemos um cenário para o nosso vídeo.
2. No separador “Actors” selecionamos o ator (ou atores) que queremos. Existem muitas opções, homens, mulheres, com vários tipos de roupa, clássico, desportivo, calção de banho, biquini, etc. Neste separador é que escolhemos a voz que o ator vai ter. Existe uma voz para o português do Brasil e uma voz para o português de Portugal.
3. Em “Sounds” podemos escolher um ruido de ambiente e uma música de fundo.
4. No separador “Story” é que produzimos o nosso filme. É nesta fase que mais nos sentimos um “verdadeiro realizador”. O texto que queremos que o ator diga é colocado em caixas de diálogo. Ao longo desse texto podemos introduzir pausas, gestos, mudar o ângulo de filmagem, etc.

Antes de produzir o vídeo devemos clicar no botão “Preview” que permite visualizar como irá ficar o vídeo (nesta fase o vídeo terá qualidade inferior pois o objectivo é apenas a pré-visualização do mesmo). Se tudo estiver ok, então clicamos no botão “Publish” e os nossos textos são convertidos para voz/diálogos. É produzido um vídeo no formato .mp4, que pode ser visualizado a partir da plataforma do XtraNormal, que pode ser inserido em sites e blogs, ou pode-se fazer download para depois colocar o vídeo no Youtube.

Abri uma conta gratuita no XtraNormal e criei um pequeno filme de promoção ao site como fazer um site e inseri-o neste post como exemplo. Clique no “play”:

Siga-nos: Twitter | Facebook

Esta é apenas uma possibilidade de entre muitas dezenas de atores e cenários disponíveis no XtraNormal. Quando criei a conta foi-me atribuido 300 pontos, com a produção deste vídeo gastei 287 pontos. Como o processo de registro é gratuito sempre é possivel abrir nova conta para usufruir de mais pontos e assim fazer mais vídeos. Com aqueles 287 pontos eu podia ter feito um vídeo muito mais comprido pois o limite é de 10 000 letras mas eu acabei por usar apenas 481 letras de texto.

Para experimentar e fazer o seu próprio filme grátis CLIQUE AQUI.
E depois não se esqueça de partilhar o seu vídeo nos comentários deste post!

Siga-nos: Twitter | Facebook

O Animoto é um site que permite criar vídeos originais muito apelativos, em formato slideshow. Os vídeos são criados numa questão de alguns minutos a partir de fotos que tenha no seu computador, de músicas ou mesmo de outros vídeos. Todos esses formatos multimédia, juntamente com algumas frases introduzidas por si, são reunidos numa composição em vídeo com aspecto profissional que pode ser pode ser muito útil e causar um grande impacto nas outras pessoas. E não precisa de instalar nem aprender nenhum software. O site é muito fácil de usar!

Qual a utilidade dos vídeos criados no Animoto?

• Pode criar um vídeo no Animoto para promover um site/blog, quer seja ele o site de uma empresa ou um site pessoal (o vídeo pode também ser usado por quem optou criar sites em flash no Wix).
• Pode criar vídeos para registrar certos eventos especiais, como formaturas, casamentos, viagens etc.
• E os vídeos podem também ser usados como “cartão animado” para desejar um feliz aniversário a alguém, ou por exemplo para enviar ao amor da sua vida no próximo dia dos namorados do dia 14 de Fevereiro.

O site limita os vídeos grátis a 30 segundos, que é uma duração que será suficiente para a maior parte dos tipos de usos referidos acima. O serviço pago poderá interessar para quem pretende produzir vídeos mais prolongados.

Como funciona?

1. Depois de fazer uma inscrição rápida no site do Animoto, clicando em “Create Video” você ganha acesso a uma secção onde estão vários estilos (layout) que pode escolher para o seu vídeo.
2. Pode usar a música de fundo já definida para o estilo que seleccionou, ou pode escolher de entre várias outras músicas disponíveis no site do Animoto. Para isso clique em “Change Music”. Pode também fazer “upload” de uma música que você tenha no seu computador.
3. De seguida deverá então fazer upload de imagens, fotos e pequenos vídeos que tenha no seu computador. Para isso clique em “Add Pics & Vids”. Pode usar fotos do Picasa, Flickr e Photobucket. Pode também escolher de entre centenas de imagens e vídeos da coleção do Animoto.
4. Introduza os blocos de texto que pretende clicando em “Add Text”.
5. Organize os diferentes elementos arrastando e soltando cada um deles até ficarem na ordem que deseja. Nesta fase ainda pode ir atrás e inserir mais imagens ou textos.
6. Clique em “Produce Video” e espere uns breves momentos para que o seu vídeo seja processado e o possa visualizar.

O vídeo fica disponível na secção dos seus vídeos (secção “My Videos”).

Como partilhar o vídeo

O seu vídeo pode ser partilhado através de um link, pode ser exportado para o Youtube, ou pode ser inserido num site através do código “embed” como fiz com o exemplo que produzi para este post:

Lembre-se que este vídeo é apenas um exemplo que fiz em dois minutos com as fotos que o Animoto disponibiliza nas coleções de imagens. Estou certo que poderá obter resultados ainda mais interessantes se usar as suas próprias fotos e a sua própria música de fundo, adequada ao objectivo do seu slideshow.

Espero que tenha gostado desta dica para animar a sua vida, os amigos, a família, e a sua presença na internet.

Siga-nos: Twitter | Facebook

Para quem quer criar um site em flash sem ter que aprender flash, o Wix é uma excelente opção. Ao contrário de outras plataformas de criação de sites esta permite-lhe ajustar praticamente todos os aspectos do seu site, quer escolha começá-lo de raiz, quer prefira usar um dos modelos disponíveis.

Modelos disponíveis

O Wix tem mais de 300 modelos (“templates”) numa grande variedade de categorias: eCommerce, Negócios, Consultoria, Imóveis, Fotografia, Arte & Design, Moda, Estilo de Vida, Pessoal, etc.

Tem muitos modelos excelentes, mas também alguns menos bem conseguidos. Você vai querer experimentar uns quantos até se decidir por um.

Tendo em conta a grande diversidade de modelos que são oferecidos, o mais certo é escolher um em vez de optar por construir um site de raiz. O processo de design fica assim bastante facilitado, pois é eliminada uma considerável porção de trabalho que teria se tivesse que criar o seu próprio design. E como você pode mudar literalmente todos os aspectos de um modelo, você ainda fica com total controlo criativo do seu site.

Fazer site a partir de um modelo

Criar um site no Wix a partir de um modelo é muito simples. Tudo se resume a alguns passos:

1. Depois de escolher um “template” clique em “Edit” para o editar.
2. A edição é bem intuitiva. É só clicar sobre as áreas que pretende editar, fazer as alterações que precisar, e introduzir conteúdo, texto, imagens, vídeos, etc.
3. No final poderá clicar em “Preview” para ver o resultado da edição que efetuou.
4. Se tudo estiver como pretende faça “Save”. Terá que dar um nome para o endereço do seu site.
5. De seguida para que o seu site fique no ar é só clicar em “Publish”, e já poderá aceder ao seu site a partir do endereço que definiu.

Alguns exemplos de modelos excelentes

O Wix oferece muitos modelos que poderá usar para o seu site. Ficam aqui alguns exemplos, todos eles disponíveis na página Criar Site do Wix:

My Personal Portfolio

Catering Website

My Flowers Shop

Designer Portfolio

Urban Artist

Yoga Center

Country Diner

Photo Planet

Criar site de raiz

Em vez de usar um dos modelos fornecidos poderá também começar seu site do zero. Criar um site de raiz no Wix não é muito mais complicado do que o criar a partir de um “template”.

Na página Criar Site do Wix clique em “Site em Branco”, na barra lateral:

Depois é só seguir os mesmos passos:

1. clicar em “Edit”
2. você começa com uma tela branca, com uma área de conteúdo por defeito que pode ajustar para as dimensões que quiser
3. introduzir todo o seu conteúdo e formatações do layout
4. clicar em “Preview”
5. clicar em “Save”
6. clicar em “Publish”

Exemplo de sites criados de raiz

O Wix tem uma galeria cheia de sites que foram criados de raiz onde poderá encontrar inspiração para a criação do seu próprio site.

Siga-nos: Twitter | Facebook

Para poder receber os pagamentos gerados pelo sistema Smowtion é então necessário preencher o formulário IRS Form W-8 BEN. Tudo isto é feito numa página da plataforma Smowtion.

O apoio dado pelo Smowtion muitas vezes é um desastre, pelo que é normal ficarmos cheios de dúvidas na altura de preenchermos aquele formulário.

Se não sabe como preencher o Formulário IRS Form W-8 BEN da Smowtion deixo aqui os passos a dar para poder preencher bem o famoso Formulario IRS Form W-8 BEN:

• Deixe em branco o ponto 5 e 6
• Escreva no ponto 7: n/a
• Deixe vazio o ponto 8
• Clique na alinea a) do ponto 9
• Clique no ponto 11
• Abaixo escreva o seu nome e no campo abaixo escreva: O próprio

Se ainda não experimentou este sistema de publicidade pode inscrever-se aqui e começar a ganhar dinheiro com a Smowtion.

Siga-nos: Twitter | Facebook

O que é o Tumblr?

O Tumblr é uma plataforma de micro-blogging onde podemos criar um blog gratuito para publicar textos, vídeos, imagens, etc. O Tumblr tem um PageRank de 8 e para além disso os links criados nos textos são dofollow. Depois de termos um blog no Tumblr podemos seguir (follow) outros blogs e assim passar a visualizar os posts desses blogs no nosso painel (dashboard). Também podemos fazer “like” e “reblog” (um pouco como o RT do Twitter) noutros blogs que sejam do nosso interesse. Estas são algumas características que irão ser úteis na técnica que vamos usar para Link Building.

Técnica de Link Building usando o Tumblr

A técnica está esquematizada na figura que se segue:

Parece um pouco complicado mas na verdade é muito simples. O objectivo é conseguirmos links dofollow a apontarem para o nosso site/blog (seta vermelha). Os links podem ser criados diretamente no blog do Tumblr em mensagens novas criadas por nós, ou podemos publicar os posts do nosso blog no blog do Tumblr de forma automatizada através do Feedburner e do tumblrssapp.com (setas azuis) – todos os links internos do nosso blog passam assim a apontar para o nosso site/blog a partir do exterior passando a funcionar como links externos (seta vermelha). Um aspecto importante desta técnica é fazermos com que o nosso blog do Tumblr ganhe alguma autoridade, isso é conseguido visitando blogs do tumblr com elevado pagerank e clicando no “like” ou no “reblog”, isso vai fazer com que apareça um link nesses blogs que vão apontar para o nosso blog do Tumblr (setas verdes).

Passo a passo:

1 – Registre-se no Tumblr

• Aceda a http://tumblr.com
• Para fazer o registro introduza um email, uma password, e na “URL” introduza as palavras que pretende para o seu blog do Tumblr (eu escolhi “criar-site” e o meu blog ficou http://criar-site.tumblr.com).

2 – Configure o seu novo blog

• Por defeito o titulo do seu blog é “Untitled”. Deve alterar este título também com palavras relevantes (podem ser as mesmas que escolheu no ponto anterior ou podem ser outras diferentes). Isto é feito clicando em “Untitled”, depois no botão “Customize appearance”, e depois inserindo o título desejado em “Title”.

3 – Associar o seu feed ao Tumblr

Esta opção só tem interesse para quem tem um blog pois é necessário fornecer o respectivo feed. Quem tem um site em vez de um blog provavelmente não terá nenhum feed para fornecer pelo que deverá ignorar este passo e ir para o passo 4.

• Com sua sessão ativa no site tumblr.com aceda ao site http://tumblrssapp.com. Clique no botão “Login”. Vai aparecer a seguinte mensagem:
  
• Autorize a ligação ao tumblr clicando em “Allow”.
• Clique no bottão “Get Started”
• Forneça um email.
  
• No primeiro campo indique o endereço do seu feed (O endereço que forneci do meu feed foi http://feeds.feedburner.com/comofazerumsite) – veja a imagem acima.
  Seleccione o seu título, que deve aparecer no segundo campo.
  O terceiro campo deve permanecer como “Texto”
  Clique no botão “Submit”

Os conteúdos do seu blog passarão agora a aparecer automaticamente no blog do Tumblr.

4 – Divulgação do seu blog do Tumblr

É neste passo que iremos aumentar a autoridade do blog que acabamos de criar no Tumblr.

• Procure posts de outros blogs do Tumblr que tenham pagerank de 4 ou 5. Isso pode ser feito fazendo uma pesquisa no google com os termos site:tumblr.com “liked this“. Uma forma de ver o pagerank dos sites no google é usando um plugin no Firefox. Pode usar por exemplo o SEOquake. Se ainda não o tem instale-o, leva apenas alguns segundos.
• Quando encontrar um post por exemplo com um pagerank de 4, de preferência dentro do mesmo tema do seu novo blog, faça “like” clicando no pequeno icon em forma de coração, ou então clique em “Reblog”. Ao fazer isto um link dofollow vai aparecer nesse post apontando para o seu blog:
  

Veja neste exemplo, o nosso link aparece abaixo do post:

Mas lembre-se que para além de favoritar os posts de outros blogs do Tumblr são importantes os links que você criar nos posts do seu próprio blog do Tumblr que apontem para o seu site/blog. Esta é a grande vantagem, os links que aparecerem no seu blog do Tumblr funcionarão como links externos dofollow, com palavras chave controladas por si, que apontarão para o seu site/blog a partir de uma plataforma de blogs com PageRank 8.

Nesta altura temos então um sistema de Link Building a funcionar como o que foi apresentado no inicio deste post.

O meu Tumblr chama-se Criar Site e fica em http://criar-site.tumblr.com, veja a imagem:

E você, já criou o seu blog no Tumblr? Já conhecia a técnica de fazer Link Building no Tumblr? Usa outra técnica de Link Building que queira partilhar? Participe com o seu comentário.

Como Fazer Um Site | Siga-nos no Twitter | Siga-nos no YouTube

Feliz Natal para todos!

Como Fazer Um Site
Siga-nos no Twitter
Siga-nos no YouTube