Twitter

10 de Julho de 2009

Novos widgets no Blogger in Draft

A equipe do Blogger acaba de informar, via Twitter, que foi disponibilizado no Blogger in Draft ( Blogger em rascunho), 4 novos widgets – todos de autoria da Amanda, do Blogger Buster.

O Blogger in Draft é uma espécie de versão de testes do Blogger, onde novas funções são primeiramente implementadas lá e que só depois de um bom tempo de uso é que serão implantadas no site original do Blogger. Vale a pena conferir.

O Blogger Buster, comandado pela Amanda Fazani, é um metablog muito bem conceituado.


Exibe miniaturas de fotos recentes do Picasa


Mostra atualizações feitas no Twitter 


Exibe os posts recentes, com ou sem resumo


Exibe os comentários recentes, com ou sem resumo

Para adicionar um destes widgets, entrem no painel do Blogger in Draft, cliquem em layout, adicionar gadget e procure-os na lista que fica á esquerda, na aba destaques.

adicionar gadget Com os widgets da Amanda é possível exibir mais de 5 posts ou comentários recentes, com ou sem resumo, ao contrário dos métodos anteriores, onde utilizávamos os feeds que eram limitados a até 5 posts/comentários e sem resumo dos mesmos. Vejam:

Exemplo Para configurá-los, cliquem no ícone do widget escolhido; abrirá uma nova janela:

configuraçãoEm título, dê um nome ao seu widget; em altura, configure a altura do widget; em number of posts to display, coloque quantos posts deverão ser exibidos; marque display post date para mostrar as datas dos posts; marque show sumary para mostrar um resumo e em summary length, escolha quantos caracteres serão exibidos no resumo do post.

O mesmo procedimento deverá ser empregado para os demais widgets. Eu gostei e vocês?

Continue lendo >>

8 de Julho de 2009

Google Profile – o seu cartão de visita na web

Na vida real é sempre de bom tom manter um cartão de visita sempre à mão para facilitar futuros negócios de trabalho. No mundo virtual não há porque ser diferente.

Além do meadiciona - que citei em um post de 2008 - uma outra forma legal de centralizar, em uma única página, todas as suas atividades na web é usando o Google Profile.

O processo é simples, pois parte dele já foi feito na criação de uma conta no Google.

Acesse este link para ser direcionando ao seu perfil no Google. Preencha todos os dados que você deseja que sejam públicos (nome, apelido, cidade onde mora e etc)

seu perfil

Em links, coloque seus blogs, suas redes sociais e etc. Os serviços do Google que você já utiliza nesta conta, aparecerão em uma lista no canto esquerdo; basta clicar em adicionar.links

Clique em criar um perfil do Google no final da página, para criar e visualizar seu perfil; se não estiver do seu gosto, clique em editar perfil e vá ajustando até ficar bom.

editar perfil

O endereço (url) do perfil sempre terminará com o seu nome de usuário (login); para uma melhor segurança,  sugiro que vocês não utlizem a conta principal ;)

Clique para ver a Trinity!

Use seu “cartão de visitas” no blog, no Twitter e até mesmo como assinatura em emails.

Continue lendo >>

6 de Julho de 2009

Aprendendo a criar tabelas em HTML

Tutorial Dicas Blogger - todos os direitos reservados

Depois que coloquei um portfólio na sidebar mostrando blogs que foram customizados por mim, alguns leitores me perguntaram como fiz para que os banners aparecessem lado a lado.

O processo é bem simples, mas ao invés de passar o código pronto, irei ensiná-los a pescar o peixe a criar tabelas usando o excelente programa opensource, NVU Portable.

Eu suponho que a maioria de vocês tenha vontade de se aprofundar no tema e não apenas ficar esperando que tudo venha mastigadinho, certo? Aprender a customizar um template traz mais liberdade, tranquilidade e possibilita fazer algo que fique com a sua identidade.

Não dá para personalizar um template sem saber o mínimo de html – dá pra trocar cores, fontes e imagem do cabeçalho porque o painel do Blogger permite; o resto é HTML e CSS.

Voltando o assunto dos banners “lado a lado”, usei o mesmo princípio dos anúncios embaixo do cabeçalho: TABELAS. Aliás, não sei o que seria de mim sem elas :)

Tabelas são usadas para apresentar "dados tabulares" , isto é, informação que deva ser apresentada em linhas e colunas, de forma lógica. Fonte: HTML.net

Quase tudo que está na sidebar do DB foi feito através de tabelas. Não sou nenhuma expert em webdesign, mas o que sei é que funciona super bem com blogs do Blogger.

Baixe o programa  NVU portable e a extensão que permite deixá-lo em português.  Clique sobre o arquivo que você baixou e siga as instruções de tela. Ele irá te perguntar onde você deseja descompactá-lo. Escolha uma pasta do seu pc e continue a instalação. Procure agora pela mesma pasta e execute o programa, clicando em seu ícone:

nvu.exe

Uma vez aberto o programa, procure por Tools e depois por Extensions . Clique no botão Install e selecione o pacote xpi. que você baixou. Clique em Install Now e reinicie o NVU.

Para criar uma tabela, clique em inserir e depois em inserir tabela. Escolha o número de colunas e de linhas. Clique em ok. Irá aparecer o desenho da tabela:

inserir tabela tabela já inserida

Para retirar a borda, clique em tabela, propriedades da tabela; em bordas e espaçamentos, coloque zero no campo destinado à  borda e clique em aplicar.

retirando a bordaAgora, iremos colocar os banners de cada blog em cada uma das colunas (para pegar os códigos dos banners, basta copiá-los dos respectivos blogs).

Clique dentro de uma das coluna, depois vá em código fonte e cole o código do banner. Repita este processo em todas as colunas e visualize. Se estiver ok, volte em código fonte, copie o código começando pela tag <table> e terminando pela tag </table>

banners copiando o código

Cole então o código em elementos de página, na opção html/javascript do seu blog.

As tabelas podem ser criadas tanto na horizontal, quanto na vertical.

Com o NVU é possível realizar muitas tarefas, pois trata-se de um verdadeiro canivete suíço, mas é preciso ter curiosidade e explorar todas as suas funções.

Para colocar links nas imagens, acesse o post Como colocar um link em uma imagem.

Se quiser se aprofundar em HTML e em CSS, recomendo os tutoriais do site HTML.net.

Outro detalhe importante é que, apesar de já ter um pequeno portfólio, eu (ainda) não faço templates sob encomenda, por causa da falta de tempo. Os layouts apresentados na sidebar foram criados para os meus próprios blogs e para amigos próximos e familiares.

Ah! Eu já ia me esquecendo…hoje é meu aniversário :P \o/

ATUALIZAÇÃO: Para baixar a extensão que deixa o NVU em português, clique neste link, com o botão direito do mouse e escolha a opção salvar link como no Firefox.

Continue lendo >>

3 de Julho de 2009

Como ganhar dinheiro com blogs

Tutorial Dicas Blogger-todos os direitos reservados

Em maio, escrevi um post falando sobre mudanças na forma de monetizar este blog, pois eu havia decidido tentar ganhar alguns trocados e assim poder me dedicar um pouco mais a ele.

Como não sou nenhuma expert no assunto e havia prometido falar mais sobre monetização para vocês, entrevistei dois amigos probloggers no mês de junho, o Noronha e o Cardoso, que confirmaram que é possível ser um problogger - blogueiro profissional.

Aprendi algumas coisinhas neste curto espaço de tempo - lendo, estudando outros blogs e participando silenciosamente de fóruns de discussão sobre o monetização.

Recebi grande apoio de vocês naquela ocasião e hoje quero agradecer, compartilhando um pouco do pouco que aprendi, já que vários leitores demonstraram interesse no tema.

O título do post de hoje é apelativo chamativo, mas logo vocês saberão o porquê ;)

Número de visitantes

A primeira coisa que um blogueiro que deseja ganhar dinheiro com o seu blog precisa ter em mente é: quanto mais visitantes, maior a chance de rentabilidade. Não tem como fugir disso, pois trata-se de matemática pura e aplicada. 1+1=2 e 1000+1000 = 2000.

Eu tenho (agora) 4 blogs, que apresentam os seguintes dados estatísticos:

Nome do Blog Pageviews mês de junho/2009
Dicas Blogger 172.650
Dicas de Informática 13.826
Diário de Bordo 2.189
Dicas Twitter recém-nascido

Quem comanda os ganhos é o Dicas Blogger, com mais de 90 % da receita mensal.

Os paraquedistas

Como aumentar o número de visitantes então? Pra isso não existe uma fórmula mágica, pois se houvesse certamente eu usaria nos meus outros blogs. Acredito que dedicação e bom conteúdo contam muito, mas existem outros detalhes como estudo, perspicácia e duas pitadinhas de sorte, que aumentam as chances de um blog dar certo.

Lembrem-se que o “dar certo”neste caso é referente a dinheiro e não à satisfação pessoal.

Todo problogger sabe e, vez ou outra, escreve sobre isso: o segredo está em atrair os paraquedistas, que são aqueles internautas que caem de paraquedas em um blog e que, meio perdidos, acabam prestando mais atenção nos anúncios do que no conteúdo em si.

Tanto isso é verdade que de um tempo pra cá aumentou significativamente o número de blogs repletos de hypes( assuntos da moda), com o intuito de atrair este público clicador.

Vai da consciência e do objetivo de cada blogueiro, ser ou não um caça-paraquedistas.

Eu optei pelo equilíbrio, já que tenho um público fiel que me respeita, que torce pelo sucesso do blog e que compreende as minhas necessidades de monetizá-lo.

Como eu já disse anteriormente, o leitor fiel é aquele que assina os feeds e que costuma comentar no blog, mas que raramente enxerga a publicidade. É ele que traz alegria, dinamismo e identidade a um blog e por isso deve ser muito bem tratado.

Então, todo blogueiro que deseja fazer um trabalho sério, se vê dividido entre escrever para seus seguidores ou para os paraquedistas. Relaxem, pois dá pra fazer as duas coisas; basta ter um bom relacionamento com o seu público e ser sincero, transparente.

Querem um exemplo? O título apelativo deste post…ele atrai visitantes provenientes dos mecanismos de busca e nem por isso deixa de ser verdadeiro, já que o artigo fala realmente sobre como ganhar dinheiro com blogs. Pratiquem e depois me falem dos resultados.

Os programas de afiliados

Não adianta ter um número de visitantes grande e ter preguiça de estudar, pois cada programa tem suas características próprias e suas regras, que em alguns casos, são super rígidas; é preciso conhecê-las e respeitá-las, assim como é necessário saber quais os melhores posicionamentos para as propagandas, as melhores cores e fontes e por aí vai.

Pra quem usa o Google AdSense – o mais popular programa de monetização - eu recomendo que acompanhem os posts do blog Por dentro do AdSense, que assistam ao seminário Otimização de Blogs e que decorem todos os seus regulamentos.

Outra boa pedida, é participar do grupo Monetização, cheio de feras da Blogosfera nacional.

O Midia Kit

A partir do momento em que as estatísticas de um blog se tornam mais volumosas, é interessante criar um Midia Kit para informar aos (futuros) anunciantes os seus dados de visitação, locais de veiculação de anúncios e valores dos mesmos.

Se precisar de modelos, faça uma busca no Google. O do DB foi feito no Google Docs.

Isso é só o começo, mas nunca se esqueçam do nosso lema respeito é bom e eu gosto!

Continue lendo >>

30 de Junho de 2009

Quem diria, o Twitter virou a Casa da Mãe Joana!

#chupa #forasarney #revolucaodesofa #twpirata 

Talvez nem todo mundo saiba, mas o que muita gente temia – a orkutização do twitter - não aconteceu. Foi muito, muito pior! Há cerca de 48 horas, o Twitter virou a casa-da-mãe-joana!

Casa-da-mãe-joana é uma expressão de língua portuguesa que significa o lugar ou situação onde vale tudo, sem ordem, onde predomina a confusão, a balburdia e a desorganização. Sua origem remonta ao século XIV Fonte: Wikipedia

Tudo começou com o jogo Brasil x EUA, no domingo, quando o ator Ashton Kutcher, animado pela provável vitória de seu país em cima do nosso, fez alguns comentários e ganhou um #chupa de presente, que foi exaustivamente retuitado pela nação canarinho. Se eu não me engano, o dono da idéia foi o Cristhian Pior. Até aí, tudo bem. O #chupa foi subindo no Trending Topics, até que chegou em primeiro lugar, levando a galera ao delírio.

No dia seguinte, o assunto continuou rendendo e se misturou a outro movimento revolucionário, agora em prol da renúncia do José Sarney, com a hashtag #forasarney. Muitos tuiteiros ficaram eufóricos com a possibilidade do #forasarney subir ao sonhado 1º lugar do Trending Topics - e, com isso - promoverem um impeachment digital. Lindo, né? Esse movimento passou a ser chamado, ironicamente, de #revolucaodesofa.

Pra animar ainda mais, um grupo de celebridades globais e não-globais - Piratas do Twitteranunciou que iria realizar um manifesto secreto, na madrugada de ontem. E adivinhem? #forasarney. Não satisfeitos, pediram  ajuda do mesmo Ashton Kutcher (aquele que todo mundo mandou chupar no domingo) que, com muito bom senso, disse que isso se tratava de um assunto interno, do Brasil. Ou seja, ele disse que não se envolveria com a “causa”.

resposta do @aplusk

Paralelo a isso, um outro grupo criticava duramente as atitudes dos célebres piratas, formando uma verdadeira balbúrdia, um #mimimi sem fim, um auê, uma muvuca, um caos.

Eu estava confortavelmente dormindo quando tudo aconteceu; porém, como faço todos os dias, fui dar uma olhada nos tweets da madrugada e confesso que fiquei tonta. A impressão que eu tive foi de estar no meio de uma arquibancada daqueles jogos inter-classes, com um monte de gente gritando, apitando e tocando cornetas. Deu medo.

Para quem ficou de fora, recomendo a leitura deste texto do Link, que pertence ao Estadão -  Subcelebridades brasileiras acham que sabem fazer política via Twitter .

Já há alguns dias, eu estava me sentindo muito incomodada, sem liberdade para tuitar, recebendo críticas de pessoas que ainda não aprenderam a usar o Twitter e que mal sabem o que é um RT. Se o RT for de um tweet do Cardoso… é pedrada na certa!  Até cheguei a perguntar: por que é que eu levava a bronca e não ele, o dono da porcada? Por acaso a Trinity (meu avatar) seria menos temida do que o Dr.House (avatar do Cardoso)?

Enfim, sinto saudades de quando eu estava lá para levar informações aos meus seguidores - seja sobre blogs ou sobre qualquer assunto que me parecesse relevante - para me inteirar dos últimos acontecimentos ou mesmo para brincar no playground com os meus amigos, falar bobagem e dar muita risada. Na casa-da-mãe-joana simplesmente não dá.

Tuitar ou retuitar sobre política, futebol e religião é arrumar confusão na certa, nem que seja para alertar quanto à  intolerância religiosa – tema que eu achava que era de interesse geral – ou apenas para comentar que não é só o Sarney que precisa sair.

O meu avatar está de luto, um protesto individual e particular para um momento tão chato de um lugar que já foi comparado a happy hour de barzinho. Não dei as caras por lá hoje e nem sei se alguém sentiu a minha falta, mas o que sei é que o meu dia foi muito mais produtivo do que tem sido ultimamente.

Óbvio que não irei abandonar o barco e que estou apenas dando um tempo pra minha pobre cabeça cansada. Não irei também fazer considerações psicanalíticas, já que está todo mundo bem crescidinho e de psicologia as revistas femininas estão repletas.

Gostaria de saber a opinião de vocês, em mais de 140 caracteres, sobre tudo isso. Thanks!

Continue lendo >>

Como registrar e configurar um domínio no Uol Host

Dicas Blogger - todos os direitos reservados

Há um tempo atrás, eu fiz um tutorial ensinando a configurar um domínio próprio para o Blogger usando a Locaweb e hoje, iremos aprender a fazer o mesmo usando o UOL HOST.

Pra quem ainda não conhece, o Uol Host é o serviço de hospedagem do portal UOL – um dos melhores e mais respeitados sites do país – e vem sendo muito procurado, tanto para registrar domínios, quanto para criar e hospedar sites e blogs, já que tem preços atraentes.

Como eu já disse anteriormente, um bom serviço é aquele que tem um suporte técnico eficiente e o pessoal do UOL HOST não só cumpre sua obrigação, como também faz mais, oferecendo um excelente atendimento através do Twitter. Fiquei muito surpresa com a atenção que recebi, o que para uma novata no assunto, traz mais segurança e tranquilidade. Pude constatar o real interesse e respeito pelo usuário, pois recebi respostas precisas – ao contrário de outros serviços do gênero – e um atendimento informal, ou seja, eu estava em contato com gente de verdade e não com um “operador de SAC”.

Agora vamos ao que interessa! A primeira coisa que devemos fazer é escolher o domínio que iremos usar em nosso blog. Antes, quero alertá-los que nem sempre o domínio desejado está disponível, mas na página inicial do UOL HOST é possível fazer uma pesquisa antes.

Vamos entrar na página inicial do UOL HOST e clicar em domínio, escolhendo entre nacional ou internacional. Na opção escolha de domínio, iremos dar um nome para esse domínio e depois, clicaremos em procurar. Vamos aguardar a realização da  busca pelo sistema e depois, marcaremos o domínio que ficou melhor, adicionando-o em seguida.

escolhendo o domínio adicionando o domínio

Na próxima página, iremos preencher com o CPF, nome e com a periocidade do pagamento.

registrando o domínio

Uma vez feito o cadastro, receberemos a confirmação por email.

Para configurar o seu novo domínio no Blogger é ainda mais fácil.

1. Acesse o Painel de Controle do UOL HOST e clique no item Domínio;

2. Selecione o domínio que você deseja direcionar para o Blogger/Blogspot;

3. No menu Mais Ações, selecione a opção gerenciar DNS;

gerenciar dns

3. Selecione o tipo CNAME no campo Tipo e insira www no campo entrada;

4. No campo Valor, coloque o endereço do servidor: ghs.google.com

google

Clique em criar. Agora, vá até o painel do Blogger e escolha a opção configurações e depois a aba publicação. Escolha alterar para domínio personalizado e coloque seu novo domínio no campo indicado. Como exemplo, usei o do Diário de Bordo:

configurando no Blogger

Marque a caixa de redirecionamento (http – www), confirme a verificação de palavras e salve.

Agora você já pode acessar seu blog com o novo domínio! Se precisar, chame @uolhost_sac.

Continue lendo >>

29 de Junho de 2009

Como abrir links em nova aba ou janela

Uma dúvida frequente entre os novatos, é como colocar um link em um texto ou em uma imagem e fazer com que ele abra em uma nova janela ou em uma nova aba do navegador.

Usar esta prática pode ser interessante para manter o leitor mais tempo em nossos blogs, pois ele irá visualizar este conteúdo em uma outra aba e depois poderá retornar ao blog.

No Firefox funcionará com as abas e no Internet Explorer, com as janelas. Pra quem não sabe, uma aba abre ao lado da página onde estamos e uma janela abre em cima.

Para obter tal efeito, iremos utilizar os seguintes códigos:

Abrir link de um texto em nova aba

<a href="URL DO LINK" target="_blank">TEXTO</a>

Substituir URL DO LINK pelo endereço a ser direcionado e TEXTO pela palavra ou frase que irá receber o link.  Usaremos como exemplo o próprio Dicas Blogger :

<a href="http://dicasblogger.blogspot.com/" target="_blank">Dicas Blogger</a>

Abrir imagem linkada em nova aba

<a href="URL DO LINK" target="_blank">

<img title="FRASE" alt="NOME" src="URL DA IMAGEM" /></a>

URL DO LINK substitua pelo endereço do link vinculado à imagem;

FRASE troque pela frase que irá aparecer quando alguém passar o mouse sobre a imagem;

NOME substitua pelo título da imagem;

URL DA IMAGEM substitua pelo endereço da imagem.

Usaremos como exemplo a imagem do passarinho do Twitter e o link do meu perfil lá:

<a href="http://twitter.com/julianasardinha" target="_blank"><img
title="Me siga no Twitter" alt="Twitter"
src="http://lh3.ggpht.com/_EttevOw0KeE/Sc_54iERlbI/AAAAAAAAEr4/rtTNyyM4Weg/twitter.png" /></a>

Tudo isso pode ser feito facilmente pelo editor html NVU portable e pelo Windows Live Writer

No NVU, clique em LINK e preencha os campos em branco, conforme a imagem abaixo: 

NVU

No Windows Live Writer, escreva um texto, passe o mouse sobre ele e escolha inserir hiperlink. Marque a caixa abrir link em nova janela e preencha os demais espaços.

Live Writer

Recomendo o uso dos dois programas, para quem deseja dar um toque mais profissional ao blog. Além de trabalhar com uma linguagem mais avançada, a automatização dos processos nos poupa bastante tempo. Dizem que tempo é dinheiro. $$$

Continue lendo >>

BlogBlogs

Widget by Dicas Blogger e Usuário Compulsivo

  © All right reserved. Template Dicas Blogger 2.0

TOPO