Gadgets Blogger: Selo, Seguidores e como seguir blog

Você já se perguntou o motivo do Blogger oferecer dois gadgets bem parecidos: O de selo e o seguidores? Mas como seguir um blog se o Google Friend Connect não funciona mais? E agora, os dois são muito parecido e eu tenho que ter os dois? Calma, existe uma chance de você já ter lido sobre isso enquanto acessava o painel do Blogger ou quem sabe clicou em ‘Pular’ o passo a passo interativo e isso é normal.

DIFERENÇA ENTRE WIDGET SELO DO G+ E SEGUIDORES DO G+

Posso estar enganado, mas a plataforma não disponibilizou os dois gadgets (o de selo e o de seguidores) no mesmo dia, então veio primeiro um e depois o outro, mas não precisamos do momento cronológico (palavras difíceis sempre torna o texto mais elegante, pense nisso na hora de escrever um próximo artigo) para falar sobre eles.

Nota: Recomendo que você tenha feito a integração de conta entre o Blogger e o Google + para que todos os recursos funcionem corretamente.

SELO: Este gadget do Blogger para o Google + é um ‘atalho’ para os leitores seguir você na rede social Google + (rede da Google). Você pode criar o selo focado em seu blog, no caso o Google + (falamos Google Plus) disponibiliza a criação de uma página para seu blog e você pode usar a ID da página e centralizar os leitores nela, como o que já fazemos atualmente com a caixa ‘likebox’.

É com esse gadget inserido em sua página que você pode também confirmar sua página no Google + e ganhar ainda mais credibilidade com o ‘gigante da web’, saiba mais lendo o artigo Como confirmar página no G+

Para usar esse widget você deve:

1. Menu lateral Layout
2. Clique em Adicionar um Gadget
3. Na nova tela selecione o widget Selo do Google +

SEGUIDORES: Lembra do gadget de seguidores do Google Friend Connect? Então esse gadget é nada mais do que uma melhoria do antigo. Tem basicamente a mesma função do G.F.C. que é a de indexar conteúdo, só que ele não vai te mostrar no painel do Blogger, ele vai mostrar o conteúdo no seu painel do Google +. Com esse gadget, todos os seguidores do seu blog estarão também no seu G+ (seja no perfil da página ou no perfil pessoal, conforme você desejar) e os números sempre são algo positivo. Não tenha medo de inserir o gadget mesmo que você tenha aparentemente poucos seguidores ou um número não tão expressivo assim, pois o intuito é justamente se expor para que em breve esse número mude.

Para usar este widget você pode ler o tutorial ‘Botão Seguidores Google plus’

COMO SEGUIR UM BLOG PELO PAINEL DO BLOGGER?

Neste momento eu acredito que é questão de tempo até o Blogger resolver tirar o recurso de seguir blog pelo painel de controle do Blogger e unificar tudo em um só local. Ainda assim você já notou que os blogs adicionados na época do G.F.C. ainda estão lá? No meu painel eu não consegui editá-los ou removê-los, mas existe hoje (2013) um botão chamado ‘Adicionar’ que fica logo abaixo da lista de leitura na tela inicial do Blogger.

Para adicionar um blog à sua lista de leitura, clique sobre o botão. Na popup que aparecerá em tela, você é convidado a inserir a URL do site e mostrar como deseja ‘seguir’ o feed (pessoa, como a descrição fala). Se optar por ser público, então sua imagem irá aparecer no widget Seguidores (e se ele não tiver o gadget no blog dele é claro que ninguém verá sua foto rsrs). Seguir anonimamente a sua foto não aparecerá no widget mas você receberá as atualizações normalmente.

Para saber mais visite ajuda sobre selo G+ e ajuda sobre seguidores

Continue lendo

Promoções na internet: O que pode e não pode

O processo mais conhecido entre blogueiros e entusiastas de redes sociais como Facebook ‘Curta e compartilhe a imagem e a página da empresa ou da marca para participar da promoção e concorrer a prêmios’ agora está em ‘cheque’. Será que estamos mesmo totalmente proibidos de fazer sorteios de prêmios na internet? Como isso afeta a vida de blogueiros?

• APRENDA A CRIAR UMA PROMOÇÃO

Eu não me canso de sugerir a leitura do artigo ‘Promoção, concurso ou sorteio’ pois é nele que, antes do governo fazer a proibição, eu falei dos significados de cada ação e quais delas necessitavam de registro, além de oferecer dicas a quem está interessado.

Vale lembrar que a prática de sorteios já era ilegal desde 1971 para empresas (elas não podem distribuir prêmios gratuitos) e agora a portaria do Ministério da Fazenda traz uma melhor definição de concursos culturais e concursos comerciais por exemplo. No artigo que escrevi e sugeri no segundo parágrafo eu já falava sobre Sorteio que como o próprio nome diz, depende de sorte para fazer um ganhador e a portaria 422 de 18 de Julho de 2013 fala que não se pode ter sorteios ou qualquer outra coisa que dependam de sorte dos participantes. As promoções (sejam elas quais forem) deve ter registro na Caixa Econômica Federal ou parte específica do Ministério da Fazenda e fora isso tudo o que vier a ser criado e não registrado em um dos locais devem favorecer o ganhador pelo seu mérito ou seja, por uma comissão julgadora (bancada, mestres na área, entre outros).

EVITE USAR NOMES QUE ASSOCIAM AO TERMO ‘SORTE’

Não vale apenas usar um método de escolha de ganhador ‘dentro dos padrões que a lei do país pede’ mas você também não pode usar alguns termos para atrair pessoas pois estará infringindo e nova portaria. Evite usar termos como ‘Concurso recreativo; Promoção por tempo limitado; Concurso desportivo’ entre outros. A recomendação é que se tome todos os cuidados possíveis antes de evidentemente publicar algo.

A antiga lei, mais genérica permitia muitas brechas e tanto o nome quanto a metodologia usada podiam não corresponder muito umas com as outras e você sempre era obrigado a ter que tirar as dúvidas com alguém da empresa (relacionamento com o cliente).

MAS AINDA PODEMOS FAZER CONCURSOS?

Sim. Considere apenas o nome que isso terá (evite a palavra sorteio ou promoção) e no máximo informe efetivamente que se trata de um concurso cultural (e não comercial), caso o que for fazer não tem nada com o governo.

Visitei o artigo que o Marcos Lemos do Ferramentas Blog publicou sobre o assunto e lá consta o que se pode fazer, dividida em três tópicos ‘desde que não tenha caráter comercial, não tenha marca de empresas ou produtos e não pode cobrar pela participação’ além de mais detalhes sobre cada parte.

CONCLUSÃO
Há então um novo ponto de vista sobre os artigos publicados anteriormente aqui no Arruma Blog, mas ainda assim não significa que você vai parar de ‘agradar’ seus leitores ou clientes. Agora, porém você terá que rever algumas estratégias e ainda poderá, conforme o Marcos Lemos disse oferecer gratuitamente (sem nenhum valor financeiro, até o envio) alguma coisa para seus assinantes ou seguidores em sistema de newsletter ou redes sociais, um agradecimento por terem feito inscrição ou se aproximar ainda mais da marca. No caso, a prova de que você não está dentro da ‘sorte’ é que o leitor que provar merecer (mérito) pelo brinde terá o que você oferecer.

No ultimo caso, procure uma agencia que tenha vivência no ramo ou fale com os setores competentes.

Imagem: Fotolia

Continue lendo

Ocultar marcadores selecionados e mostrar outros

Como ocultar marcadores e mostrar só alguns

Você já imaginou poder ocultar aqueles marcadores que só servem para organizar determinados artigos, mas ainda assim mostrar os marcadores a todos que leem o blog? Você deve saber que os marcadores não servem só para buscar todos os posts para seus leitores, mas serve para fazer com que você possa planejar melhor seus post e pensando nisso, o post de hoje fala de uma dica legal para usar quando for criar um marcador.

MARCADORES NÃO SÃO TAGS DE BUSCA DO INSTAGRAM

Antes de mostrar como é feito para ocultar os marcadores, vale repassar alguns conceitos sobre marcadores. Se você ainda tem poucas postagens em seu blog pense bem em quais marcadores ele terá. Não generalize muito os nomes dos marcadores pois ele pode envolver uma série de artigos legais que estão ‘escondidos’ em um único marcador. Por hora posso dar um exemplo do meu marcador ‘dicas’ (que ainda existe, mas pretendo melhorá-lo). Evite também ser muito específico nos marcadores, principalmente inserindo palavras que são na verdade o nome ou a marca de algum produto ou serviço. Faça isso somente se seu blog necessitar desses rótulos para melhor navegação e indexação, mas do contrário evite criar um marcador que não terá muitas postagens sobre ele.

    Você pode querer conhecer como se faz para criar um marcador no Blogger e depois voltar aqui para continuar a leitura.

Para ocultar marcadores (ou rótulos) você deve clicar estar logado no Blogger e após selecionar o blog desejado, clicar em Layout. O gadget Marcadores deve ter tido adicionado em seu blog. Caso ele ainda não esteja em seu blog você poderá adicioná-lo clicando em ‘Adicionar um Gadget’ e depois procurar por ‘Marcadores’.

Na tela de edição do gadget marcadores, procure a segunda opção ’Mostrar’ e selecione ‘marcadores selecionados’. Agora comece a selecionar os marcadores que ficarão visíveis para seus leitores e depois salve o gadget.

CONCLUSÃO

 Espera-se mostrar todos os marcadores aos leitores, mas você pode sim, quando bem planejado ocultar alguns deles para manutenção ou para controle interno (busca rápida). Tente não utilizar muito o recurso pois o interessante é melhorar as palavras chaves dos marcadores e otimizá-los para ajudar quem busca algo. Todavia sinta-se a vontade para verificar possibilidades dentro do seu blog e do seu nicho.

Continue lendo

Botões CSS para usar no seu blog

Criar botões elegantes com CSS para usar em seu blog, site ou página da web nem sempre é uma tarefa fácil. É necessário conhecer tags, elementos e outros detalhes que em média só o desenvolvedor para a web conhece bem. Desconhecer CSS não significa que seu blog será para sempre da mesma forma como você o escolheu ou comprou, e quero lhe ajudar nessa.

USANDO BOTÃO CSS NO BLOGGER

Vou apresentar alguns modelos de botões e seus respectivos códigos para usar em seu blog conforme o que mais lhe agradar. O primeiro modelo é batizado de ‘Flat’ com cantos arredondados, modelo plano e com transições para locais simples:

Teste Contato Media Kit
Teste Contato Media Kit
Teste Contato Media Kit

Código CSS:

.flat-ab {
background:#e74c3c;
margin:10px;
color:#FFF;
padding:15px 8px;
border-radius:5px;
text-shadow:none;
display:inline-block;
border:none;
cursor:pointer;
}

.flat-ab:hover {
background:#c0392b;
text-decoration: none;
}

.concreto {background:#95a5a6;}
.concreto:hover {background:#7f8c8d;}

.turquesa {background:#1abc9c;}
.turquesa:hover {background:#16a085;}

Este código poderá ir diretamente com os demais códigos de seu blog clicando em Modelo depois Editar HTML depois de localizar <style type="text/css">. Caso queira poderá adicionar um Gadget de HTML/JavaScript e inserir esse código dentro das tags <style type="text/css"> e </style> Usando botão CSS no Blogger

Basta usar a seguinte linha no local que desejar em seu blog (no modo HTML)

<a href="URL_DESTINO" class="flat-ab concreto">Nome do botão</a>

OBS: Na Class do link se você deixar apenas Flat-ab ele terá uma aparência, no exemplo ele tomaraá a aparência do modelo 'concreto', insira a palavra turquesa após o flat e terá um novo modelo, também poderá deixar apenas flat-ab ou criar um novo modelo para seu botão.

Este modelo se parece muito com os botões de ajuda e interações da Google em suas páginas internas:

Teste Contato Media Kit

Código CSS

.ab-boton {
border: none;
margin:10px;
color: #fff;
display: inline-block;
font: 300 16px/31px "Open Sans","Helvetica Neue",Arial,sans-serif !important;
height: 32px;
background-color: #267cc2;
padding: 0 24px;
cursor:pointer;
text-align: center;
text-decoration: none;
text-shadow: 0 1px 0 rgba(0,0,0,.25);
white-space: nowrap;
border-radius: 2px;
box-shadow: 0 2px 1px rgba(0,0,0,.19),inset 0 -1px 0 rgba(0,0,0,.19),inset 0 1px 0 0 rgba(255,255,255,.19);
background-color: #267cc2;
background-image: -webkit-gradient(linear,left bottom,left top,from( #42a5e1),to( #267cc2));
background-image: -webkit-linear-gradient( #42a5e1, #267cc2);
background-image: -moz-linear-gradient( #42a5e1, #267cc2);
background-image: -ms-linear-gradient( #42a5e1, #267cc2);
background-image: -o-linear-gradient( #42a5e1, #267cc2);
background-image: linear-gradient( #42a5e1, #267cc2);
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
-o-transition:0.5s;
transition: 0.5s;
}

.ab-boton:hover {
box-shadow: 0 4px 1px rgba(0,0,0,.19),inset 0 -3px 0 rgba(0,0,0,.19);
text-decoration: none;
}

.ab-boton:active, .ab-boton:focus {
box-shadow: inset 0 2px 0 0 rgba(0,0,0,.19),inset 0 12px 24px 6px rgba(0,0,0,.19),inset 0 0 2px 2px rgba(0,0,0,.19);
}

Após inserir ou atualizar sua folha de estilo CSS ou inseri-la em um gadget, para chamar o botão em sua página basta usar o seguinte código:

<a href="URL_DESTINO" class="ab-boton">Nome do botão</a>

Caso queira harmonizar melhor as cores (ou modificá-las) poderá gostar de conhecer o Combinador de cores. Recomendo que tome cuidado com a cor do link base de seu blog pois ele por influenciar a cor do texto do seu botão.

Estes códigos são criações de Victor Calderón via Blog

Continue lendo

SEO - Ferramenta gratuita para melhorar artigos

Não é difícil encontrar posts falando sobre a necessidade de melhorar o que escrevemos tanto na gramática quanto no forma como os mecanismos de buscas encontram o nosso texto. Por um lado podemos optar por uma plataforma que já nos ajuda um pouco com esse processo árduo de SEO (Search Engine Optmation ou Otimização para Mecanismos de Busca), como é o caso de plataformas Blogger e WordPress e pelo outro podemos verificar cada detalhe de nosso blog e nosso texto, o post.

   Leia também 'SEO no Blogger: Description'

Se as vezes não é fácil escrever um bom texto para depois publicá-lo em seu blog, pode ser mais difícil inserir estratégias de SEO porém é muito frustrante quando dedicamos um bom tempo e estudo sobre aquele texto e ele não recebe a atenção que desejávamos dos leitores. Um dos fatores associados ao ‘problema de atenção à publicação’ é que ela pode não ter sido pensada para os mecanismos de busca.

EDITOR QUE OTIMIZA SEU TEXTO PARA SEO

Recentemente o Gustavo Freitas lançou o Ferramenta SEO Blog para melhor ajudar o seu post com os mecanismos de busca e ele serve para todos os tipos de blogs e aos mais variados assuntos.

O sistema é muito intuitivo, mas se você desejar saber como ele funciona antes de começar a usar poderá ler o passo a passo que o Gustavo fez. Vale lembrar que a única coisa que ganho fazendo isso é (além de efetuar o teste ) uma concorrência de SEO ainda maior, mas se elevarmos a qualidade de nossos blogs eu também terei que melhorar e é para isto que vivemos, para dar o melhor de nós em tudo o que fazemos.

Você já utilizava algum outro recurso para melhorar o SEO do seu blog ou post? Já conhece ou conhecia o trabalho do Gustavo?

Continue lendo

Chat Skype para site e blog

  Você deve lembrar da opção que o MSN da Microsoft dava ao usuário para conversar com que outras pessoas inserindo-o em uma página da web. O Arruma Blog chegou a fazer uma publicação com dicas de como inserir os chats em seu blog ou página na web no artigo chamado ‘Msn no site’ mas que hoje os links já não funcionam em sua grande maioria. O Yahoo! e Google mantem seus serviços de comunicação instantânea mas o MSN morreu e será que seu substituto tem esta opção?

COMO INSERIR O CHAT DO SKYPE EM MEU BLOG?

O site Oficina da Net tem um ótimo tutorial para ajudar quem deseja criar uma forma de contato personalizada com os leitores do blog ou site. O sentido básico de inserir algo assim em sua página é manter contato direto com seus leitores ou ainda criar novas amizades a partir de um local que você mesmo administra.

Como o artigo não é do Arruma Blog, achei melhor apenas fazer a indicação, então cliquem Aqui para ir ao tutorial.

Continue lendo

Como criar página HTML personalizada no Facebook

No final de Março de 2012 a Jamile fez uma pergunta legal no comentário do artigo 'destacando uma publicação no Facebook', algo que eu ia mesmo falar mas acabei esquecendo com o tempo (e não tomei nota), então façam diferente, sempre anotem as coisas, mesmo que em uma postagem rascunho aqui no Blogger para não esquecerem. A pergunta em resumo é ‘Como criar uma página HTML estática no Facebook?’.

Já falei antes sobre como mudar o ícone do aplicativo do facebook, usei como exemplo o um aplicativo de sorteio, mas sei que ainda falta falar sobre como inserir o aplicativo de sorteio em uma página de fãs, podem me cobrar, mas eu anotei também. Ensinei também a destacar publicações, agendar conteúdo para ser postado automaticamente, indicar outras páginas na sua e falei outras coisas. Como o Facebook está sempre buscando meios para otimizar a interação entre usuário final e investidores, há muitas mudanças.

Quando eu coloquei minha página de teste de HTML no perfil do Arruma Blog no Facebook, não tinha o espaço ‘Central de Aplicativos’ na coluna lateral do site. Se não me engano eu tive que acessar um link do aplicativo acessando o site do fabricante desenvolvedor e não tinha muitos recursos para encontra-lo dentro do Facebook. Hoje o recurso ‘Central de Aplicativos’ envolve (para a minha alegria) não só jogos, mas também o aplicativo para tornar sua página de fãs ainda mais legal.

INSERINDO UMA PÁGINA (GUIA) EM SEU PERFIL
No perfil do Arruma Blog eu uso o sistema da empresa Oracle chamado ‘Involver’, muito eficiente e estável, mas limitado quanto a iframes e frames. Vou falar sobre ele pois já o tenho e uso. No print, o mais usado é o ‘Static HTML Iframe tab by Woobox’ e eu não conheço mas pela quantidade de uso, creio que é tão simples usar e melhor pra quem deseja usar formulários e outros comandos HTML dentro da página.

ATENÇÃO: Se você não deseja usar o aplicativo Involver que limita a edição da página, não precisa continuar lendo o passo a passo e pode ler as instruções do próprio aplicativo no facebook.

Após selecionar o aplicativo desejado, clique sobre ele e a tela de ‘boas vindas’ aparecerá. Cada aplicativo tem sua tela diferente uma da outra. Clique em ‘Click here to install’.

Agora escolha a página que receberá a Tab do aplicativo . Após este passo o aplicativo já estará instalado e você terá que configurar algumas coisas.

Você pode usar apenas uma imagem, usar um HTML customizado parecido com a nossa e uma customização SML que é resumidamente uma forma de pagamento cuja a ponte é o Facebook e o aplicativo em questão (não recomendo este SML nem mesmo para criar loja virtual ainda. Ele é mais burocrático e eu nunca ouvi falar). Você pode customizar o nome da Tab e até criar uma nova Tab em sua página, veja na imagem abaixo. Não se esqueça de Salvar em ‘Save chances’

Agora, é só ver o resultado e ir moldando-a conforme desejar.

DICAS DE USO
Eu usei a minha no começo para chamar a atenção à ultima promoção que fiz aqui, mas depois passei a usar o Sortei.me então a aba ficou meio sem sentido. Ainda assim, ela serve como um apelo a quem chega no Facebook e gosta de explorar. Não desejei excluí-la pois foi bem difícil encontra-la e hoje vejo que há mais alternativas.

Hoje, vejo que podemos usá-la para inserir o mesmo formulário do ‘Google Docs’ que está no site ou blog na página, centralizando todos os resultados possíveis em um único local. Podemos inserir um formulário de contato por lá também, se bem que eu acho isso muito redundante pois há a opção ‘mensagem’ que é nada menos que um e-mail pro dono do perfil e há uma infinidade de interação com o usuário que você pode criar (vídeos do YouTube e players com os melhores podscast). Aceito comentários para visitar páginas criativas feitas com base nesse artigo.

Você ainda pode ler outro tutorial com outro aplicativo aqui, um tutotial para criar seu próprio aplicativo com página estática e ser 'mega_fodão' (recomendável para empresas ou desenvolvedores) lendo este tutorial ou ainda ler um resumão dos 10 melhores aplicativos para criar este tipo de página no Facebook aqui.

VOCÊ JÁ CRIOU SUA PÁGINA?

Continue lendo

E-mail alternativo para evitar problemas

Saber usar e-mail é um dom que demora certo tempo para acontecer. Blogueiros assim como trabalhadores de diversas categorias devem compreender a necessidade das palavras e da comunicação. Mas e quando esse canal de comunicação está sendo usado para enviar SPAM no lugar de informações relevantes?

• Blog e o poder do e-mail

Criar um e-mail todo elegante com o nome do blog seguido do domínio é o grau de perfeição que todo dono de site ou blog deseja e não é muito difícil pra quem tem um domínio próprio, no final o e-mail seria algo parecido com ‘falecom@arrumablog.com’ e se você gosta de brincar com nomes ainda pode fazer um e-mail bem criativo como a Nestlé que em alguns produtos comenta o endereço ‘falecom@nestle...’ em outras palavras o e-mail fica assim ‘Fale com a Nestlé...’. Um(a) blogueiro(a) com ou sem domínio próprio necessita também se cadastrar em alguns serviços terceirizados, algumas listas de contatos e outras coisas que requer o nosso endereço de e-mail para validação de existência e isso torna as coisas ruins: Alguns sites pegam nosso e-mail ‘perfeito’ e os vende para terceiros ou repassam a amigos e não toma alguns cuidados. Eu mesmo já recebi ofertas de um site que sequer sabia que existia e claro retirei o endereço da lista, mas uma vez inscrito, quem garante que meu endereço não será repassado?

Para minimizar esse problema, a empresa Yahoo! Fez algo que vejo com bons olhos: E-mail descartável. A ideia já é conhecida pela web e há outros serviços com o mesmo propósito mas nada melhor do que acessar o e-mail que tem credibilidade e ainda poder gerenciá-lo da forma que desejar.

E-MAILS DESCARTÁVEIS PROTEGEM SEU E-MAIL PRINCIPAL
Criar uma derivação de e-mail sabendo que poderá ler qualquer resposta dessa derivação na sua caixa principal não é para qualquer um. Na pesquisa que fiz, o Gmail da Google não fornece a opção de ‘descartáveis’ e há serviço de e-mail que duram por 15 minutos, mas e se você esquecer a senha depois de três dias? Então recomendo que tenha o controle da situação.

COMO CRIAR UM E-MAIL TEMPORÁRIO OU DESCARTÁVEL NO YAHOO?
Visite o site do serviço Yahoo! Nele você pode escolher entre criar uma conta de e-mail do zero ou usando seu cadastro no Google e Facebook. Caso opte por usar cadastro de outras contas então você terá que permitir o acesso do Yahoo no seu perfil da Google ou do Facebook e depois algumas informações já estarão preenchidas baseada na sua outra conta.

Se você optou por criar uma conta no Yahoo então após clicar em ‘Crie uma nova conta’ a nova tela será para você preencher dados pessoais e a escolha do seu ID que nada mais é do que o e-mail e eu espero que escolha um nome que seja o do seu blog. Continue preenchendo os outros campos envolvendo senha, localidade e e-mail alternativo. Após ter sua conta criada, vá em Opções que fica na lateral direita da tela.

Clique em Adicionar e você terá que escolher um nome base. Não uso o Yahoo Mail para o blog então o print de tela que estão vendo é demonstrativo. Agora escolha um nome base que chegue muito perto ao seu blog ou repita o mesmo nome do e-mail principal. O e-mail descartável ainda não é esse com o nome base e sim um endereço que você terá que adicionar após criar o nome base. No exemplo da imagem o meu nome base é rafaelfmail e posso criar quantos e-mails descartáveis eu desejar desde que todos comecem com rafaelfmail, exemplo rafaelfmail-contato@yahoo...

Escolha agora a pasta que você criou para que o e-mail descartável apareça ao chegar na sua conta. Eu escolhi a caixa de entrada mesmo. Você pode escolher um nome de remetente que é o que o leitor verá quando o e-mail chegar para ele, mas ele saberá o endereço de e-mail que você está usando e não há problemas pois é um e-mail de verdade.

Ao final, salve tudo e viva sua vida normalmente. Caso queira criar vários endereços de e-mail com o mesmo nome base recomendo que anote-os em locais de fácil acesso para repassar a quem desejar e tenha a certeza que eles serão lidos de verdade. Se o nível de SPAMs e e-mails indesejáveis começar a crescer já sabe o que fazer: excluí-los, e tudo nessa mesma tela.

Vale lembrar que o nosso perfil no Facebook vale como um e-mail. Se você criou um nome personalizado para seu perfil basta enviar um e-mail de teste para seu_nome_perfil@facebook.com e verá ele na sua 'imbox' e pode também responder, encaminhar, anexar arquivos e tudo o mais. É uma boa alternativa para diminuir SPAMs por aí e uma forma interessante de fazer network.

ATENÇÃO: Evite passar esses endereços descartáveis para fazer parcerias, conversar com quem acredita no seu blog ou para publicidade. Use apenas para se cadastrar em locais que terá certeza que não vai usar o serviço nem mesmo para recuperar a senha depois ou para certos momentos.

DICA: Se você usa muito o Facebook, há aplicativos que permitem cutucar, enviar imagens e mensagens de curta duração, veja aqui. Alguns App estão disponíveis para Android e iPhone.

Você conhece algum outro serviço de e-mail (nacional ou não) que fornece um e-mail descartável para o cliente? Já usou este serviço? Comente.

Continue lendo

Defina objetivos para seu blog em 2013

Mais um final de ano chegou e diferente do momento ‘Natal’, provavelmente todas as pessoas vão comemorar o ano novo e com ele, surgirão desafios e oportunidades novos. Em 2011 eu aceitei um desafio que envolvia expor os objetivos do meu blog e cumprir esses objetivos dentro de um ano (tendo que atualizar o post conforme as coisas aconteciam ou no final do ano) que pode ser conferido aqui e quero convidar vocês a expor seus objetivos aos leitores e a você mesmo.

DOS OBJETIVOS EM 2012
O Arruma Blog teve grandes realizações em 2012 sendo a ultima deles o e-book colaborativo ‘Como ganhar dinheiro na internet’. Muitas iniciativas, momentos de alegrias e de tristezas e outras coisas. Quem acompanha o blog sabe que não gosto de blogs descomprometidos e até publiquei um artigo falando justamente dos blogs de final de ano que surgem do nada, criam certo público e depois somem ou morrem e isso eu vejo como relaxo.

PARTICIPE VOCÊ TAMBÉM E MELHORE SEU BLOG
Há uma verdade ao redor do mundo: Quem compreende o poder dos objetivos não necessita lista-los publicamente para que outros leiam. Acho que isso ocorre com grandes blogs e com os blogs cujo donos tem certo zelo, mas como o objetivo deste blog é levar os blogueiros que tem dificuldade em melhorar o potencial do blog, aqui vamos nós listar os objetivos como forma de criar uma base sólida e positiva para nosso blog, nossos parceiros, leitores e anunciantes.

Em resumo o objetivo é que todos os leitores criem um artigo no seu próprio blog ano máximo até Janeiro explicando quais são os objetivos para todo o ano (2013) e mostrando-os em forma de lista. Não desejo links de retorno, mas se o fizerem ficarei grato.

OBJETIVOS DO ARRUMA BLOG PARA 2013
Aqui está uma lista dos nossos objetivos:

• Ultrapassar 500 ‘likes’ no Facebook;
• Ultrapassar 600 seguidores no Twitter (parece fácil, mas não é tão simples);
• Chegar aos 200 seguidores no Google +;
• Lançar um e-book (gratuito ou não);
• Melhorar a qualidade dos parceiros do blog;
• Investir em publicidade (mínimo 15% a mais que este ano) do blog;
• Continuar com a frequência de postagem (dia sim e dia não. 3 vezes por semana);

VAMOS PARTICIPAR?
Vai ser divertido se você fizer o post e colocar o link nesse artigo para que eu e os leitores possamos conhecer mais de você e seu blog. Participe.

DICA: Saiu na Exame os '10 mandamentos do planejamento de carreira' - Da para levar na carreira como blogueiro(a)

Continue lendo

Redirecionamento personalizado no Blogger

Pode ser que hoje o teu blog não seja tão conhecido e não tenha muita relevância para os buscadores como alguns já são. Sites como o Yahoo! Respostas e ‘Pergunte ao urso’ são relevantes aos buscadores pois contém o conteúdo que as pessoas mais clicam e consequentemente os que tem mais comentários. Já me ocorreu de clicar em uma pergunta no Yahoo e a pergunta ter sido removida e o conteúdo para leitura é só um pedido de desculpas.

O exemplo acima é real e eu bem que desejo um redirecionamento para outra pergunta sobre o mesmo assunto que eu pesquisei, mas o site é muito grande para o Yahoo ficar redirecionando cada pergunta que o usuário desativa. Em um blog, há menos posts ou artigos do que no Yahoo e você pode fazer com que isso não aconteça.

Existe duas formas de fazer isso: Por meio do Blogger (gratuitamente) ou tendo um domínio e hospedagem de arquivos externo (conhecido como host e ele é pago mensalmente). Falaremos da ação dentro do Blogger por ser mais simples, ser o foco do Arruma Blog e o resultado ficar tão bom quanto o pago.

Vou usar o meu próprio blog como exemplo. Antes do dia 21 de Novembro todos os leitores e até eu mesmo só conseguia acessar o link de contato digitando o endereço do post que fiz para ele que é originalmente este http://www.arrumablog.com/2008/11/contato.html e depois que eu passei a usar o redirecionamento personalizado ele pode ser acessado escrevendo a palavra contato depois do endereço do blog www.arrumablog.com/contato e isso torna as coisas bem mais práticas.
No exemplo do Yahoo, o certo seria pegar o link com problema (ou o post que você excluiu ou que está indexado no google, fazer um novo artigo para ele e depois configurar o redirecionamento). Outro exemplo que não existe no Arruma Blog mas que poderia existir é um artigo com esse link

  http://arrumablog.blogspot.com/20012/10/eu-odeio-quadrados.html

Suponhamos que eu não goste mais do que eu escrevi no artigo e principalmente na forma como as palavras do link aparecem, então no mês 11 eu o exclui. Agora não tem mais nada dele e estou feliz. Quando um visitante clicar naquele antigo link sei que vai aparecer a página de ‘erro 404 – Página não encontrada’ e o número de leitores do blog começa a cair então começo a receber e-mails falando que o post encontrado por links externos está com problema. Como mudar isso?
O certo é eu criar um novo artigo, mas pode ser que haja um post explicando ou com um conteúdo ainda mais rico que este que eu deseje mostrar aos leitores do blog. Então vou seguir os seguintes passos:

CRIANDO O REDIRECIONAMENTO
Acesse o painel do Blogger e clique sobre o nome do blog escolhido.

Clique em ‘configurações’. No menu a esquerda, escolha a opção ‘Preferências de pesquisa’.

Clique em EDITAR ao ver ‘redirecionamento personalizado’.

No campo DE devemos colocar o que já não existe mais como o antigo link ou a palavra que será redirecionada para algo que exista. No exemplo real que usei aqui foi:

  DE /contato

E no campo PARA devemos colocar o link real que existe. Continuando o exemplo ficou:

  PARA /2008/11/contato.html

Aqui no Arruma Blog resolvi criar os seguintes redirecionamentos:

www.arrumablog.com/parceiros
www.arrumablog.com/mediakit
www.arrumablog.com/contato

DICA: O parceiro Gerenciando Blog falou algo que só vi agora no final da edição deste artigo. O site de ferramentas para webmasters da Google fornece uma lista de erros de links dentro do blog para você fazer os redirecionamentos e eu já falei sobre esse site no artigo 'Seu blog também pode ser contaminado'.

Continue lendo

Inserindo tecla de atalho em link - Access Key

Você já deve ter reparado que o Arruma Blog se preocupa com a acessibilidade e pensando nisso cada passo que fazemos para ajudar o leitor é um grande passo para a melhor experiência. Depois que mudei o modelo do Arruma Blog, consegui colocar um prática um desejo antigo de conseguir usar atalhos no teclado para acessar links e páginas, também conhecido como ‘Teclas de acesso’ (ou access key em inglês).

Neste exato momento você pode apertar as teclas ALT + S para ir à página ‘Sobre’ do blog. Em outras palavras você vai manter pressionada a tecla Alt, do lado esquerdo do ‘espaço’ e apertar a tecla S do seu teclado e essa combinação aqui no Arruma Blog está associada a esta página. Você quer aprender a fazer isso no seu blog ou site também?

  Antes de continuar, vale lembrar que os links podem ser inseridos na coluna lateral do seu blog e será ativado em todas as páginas. Caso queira fazer com que os links personalizados fiquem no topo do seu blog como na imagem do topo, (no Blogger) insira um gadget de HTML/JavaScript e exclua se existir o gadget de página. Quando isso estiver feito, continue lendo o artigo.

Qualquer página web pode ter o recurso e você não precisa incluir nenhum código a mais do que HTML. O código habitual para um link é:


<a href='http://www.arrumablog.com' title='DESCRIÇÃO DO LINK' >Arruma Blog</a>

A diferença entre o link sem a ajuda do Alt e com a ajuda dele é uma tag apenas:

<a href='http://www.arrumablog.com' title=DESCRIÇÃO DO LINK' accesskey='L'>Arruma Blog</a>

A palavra ‘ACCESKEY’ seguinda de uma única letra como no exemplo a letra L (de letra mesmo).



CUIDADOS A TOMAR
Na mesma página não pode haver mais de uma letra apontando para links diferentes. Sempre que possível, ensine ou avise seus leitores sobre estes atalhos de alguma forma. Aqui no blog resolvi avisar pela tag TITLE que ativa ao passar o mouse sobre os principais links. Em sites como o Flickr do Yahoo! Há uma página de ajuda específica para falar sobre os atalhos das páginas e algumas dicas são mostradas em tela com a ajuda dinâmica (jayquery e javascript).

E OS COMANDOS DO WINDOWS E OUTROS SISTSMAS?
Pensou em utilizar a letra P e bateu aquele medo de fazer o leitor confundir a letra P com o PRINT de ‘impressão’? Muita calma. Quem tem ou teve Sistema Operacional (S.O.) Microsoft sabe que o comando ‘imprimir’ não é ALT+P e sim CTRL+P então você pode sim usar letras que são parecidas em outros aplicativos ou sistemas sem medo como o P e o M (Windows+M, sabe o que essas teclas fazem?)

QUAL O MELHOR LOCAL PRA INSERIR A TAG / CÓDIGO?
Vai depender da hierarquia do link. Lembra do Mapa do site? Se sim todo mapa de site tem que ter um fluxo de navegação: Página pai filhos e terceiros. Dependendo desta hierarquia você escolhe o melhor local.
No exemplo prático deste blog, resolvi colocar links pelo teclado apenas no menu principal pois como ele está presente em todas as páginas do blog, fica mais fácil para o leitor guardar na mente algumas letras que escrevi no TITLE ao passar o mouse. Os links que não tem a ajuda significam que não tem essa facilidade. O legal é associar uma letra que corresponda ao assunto do link e se você já a usou antes então ela já tem uma definição, como por exemplo: Media kit e Mobile: Ambos começam com M, mas qual é mais viável para ficar com a letra M na versão web? O link do Media Kit pois acessar a versão mobile pelo computador é apenas para tirar alguma dúvida ou por curiosidade e não uma necessidade.
Você pode usar a tag em página específica como nas páginas de contato, ajuda ou artigo especial para ajudar o leitor a sair dela de forma simples e prática (sair de uma página e clicar em um link e ver um novo conteúdo seja do mesmo blog ou novo).

Tenho uma ambição: fazer o blog mudar de página apertando apenas a tecla ‘seta para a esquerda/direita’ do teclado como hoje acontece no site Flickr e em alguns outros sites. Creio que esta ação é resultado de código incorporado, mas tudo bem. Fez um teste? Visite uma galeria de imagens no Flickr e aperte a seta para a direita por exemplo.

O que você achou desta dica? Seu blog já tem este recurso?

Continue lendo

HTML - Criando e manipulando link âncora

Conhecer HTML não é uma obrigação de nenhum blogueiro e não deve ser o foco de todos nós, mas compreender que todo blog tem em sua estrutura códigos HTML é sim uma obrigação de todos nós blogueiros. Sempre gostei de editar eu mesmo o modelo de blog que uso e compartilhar meus feitos em páginas webs e por isso passei a estudar e entender mais a área.

Pra você que gosta de HTML esta dica poderá ser usada até dentro de artigos como este que você está lendo ou em páginas estáticas (recurso do Blogger, WordPress e outras plataformas). Ele é conhecido como âncora e serve basicamente como um link tradicional (aquele que ajuda o leitor a navegar pelas páginas do seu blog) só que seu diferencial é que ele link conteúdo na mesma página e não em outra página como estamos habituados a ver.

USANDO LINK ÂNCORA?
Sua estrutura se parece com a estrutura do link que conhecemos:

<a href=”http://www.arrumablog.com/#texto_final”>

O que vai mudar é o uso do caractere # e onde vai o complemento dele:

Texto texto, <a href=”#texto_final”>texto</a>

Isso indica ao navegador que o link está dentro do documento.

Você pode usar um link âncora e coloca-lo em qualquer lugar do seu blog, até mesmo fora da página, mas você tem que conhecer muito bem seu link âncora. Um exemplo disso são os comentários no Blogger (e em algumas plataformas):
Link para uma postagem:

http://www.arrumablog.com/2012/08/eu-ainda-confio-na-blogosfera-e-internet.html

Link para os comentários quando clicado da página inicial:

http://www.arrumablog.com/2012/08/eu-ainda-confio-na-blogosfera-e-internet.html#comment-form

RESUMINDO: Link âncora funciona no mesmo documento e em outros locais (páginas web) desde que se conheça o link por completo.

Um bom exemplo prático é o Media Kit do Arruma Blog

COMO UTILIZÁ-LO?
Entenda que este recurso é muito útil para textos grandes, acessibilidade e outras particularidades.

1 - Edite seu texto normalmente.
2 - Localize as partes que terão as âncoras.
3 – Insira um link pelo painel sem selecionar nenhum palavra e coloque um caractere # seguido do nome da âncora em uma palavra OU mude para a edição em HTML e cole um código parecido


<a href=”#NOME”> </a>

4 – Se existir mais de uma âncora, anote todas para não se perder ou ter que fazer um trabalho cansativo.
5 – Vá até o topo do seu artigo ou da página e escreva os textos que serão linkados às ancoras como se fosse um ‘menu’.
6 – Agora selecione a palavra e insira um hiperlink, mas não coloque links que comece com HTTP se você estiver linkando um conteúdo que está na mesma página. Use apenas se o link estiver em outra página.
Para os casos de link em partes do texto, podemos usar um código assim:

<a href=”#NOME”> </a>


Para outros locais usaremos o modelo:

http://www.arrumablog.com/2012/08/eu-ainda-confio-na-blogosfera-e-internet.html#comment-form

Se no Blogger der algum erro quando clicar no link, então recomendo que escreva ou edite a URL do texto do topo com o HTTP e o endereço completo do seu blog como se fosse o modelo aí em cima.

NOTA
Vale lembrar que para linkar informações do mesmo documento, usamos apenas #NOME e para outros documentos usamos todo o endereço do site E da página como por exemplo .HTML para depois colocar o #NOME

Continue lendo

Promoção,concurso ou sorteio?

Depois de certo tempo, todos nós blogueiros e blogueiras sentimos necessidade de presentear leitores e pessoas que curtem nosso blog. Se não pelo aniversário do blog, por algum momento especial ou ainda por querer fazer alguma promoção. Você já se perguntou qual a diferença entre promoção e sorteio? O artigo de hoje fala justamente sobre isso.

Quando fiz a ultima promoção do Arruma Blog desejei que fosse o mais correto possível com meus leitores em todos os sentidos e não quero que nenhuma promoção ou sorteio se dê mal no futuro, então resolvi fazer um breve estudo sobre ‘fazer uma promoção ou sorteio’.

Descobri que para cada foco, há uma ferramenta mais adequada que ajudará no seu objetivo, vamos entender as diferenças entre eles:

Continue lendo

Destacando uma publicação na Fan Page

E quem não deseja destacar algum tipo de conteúdo em todos os locais possíveis não é? Bem, o Facebook permite isso a algum tempo e poucos conhecem o recurso. Que tal continuar lendo o artigo e aprender a destacar conteúdo relevante para chamar atenção não somente do seu leitor mais também visitantes temporários?

Não me lembro ao certo como ou quando comecei a notar imagens que pegavam ponta a ponta horizontal no Facebook, mas tive a certeza que tinha que fazer isso no meu perfil também, mesmo que eu tivesse de investir 3 horas do meu tempo lendo a ajuda do site, que muda mensalmente (na verdade não sei o período de mudança da ajuda, mas simbolicamente, é muito rápido).

Consegui colocar 'destaque' em um artigo sem querer, de forma desprevenida... Estava fazendo consultoria e falando para meu cliente como seria legal usar o recurso na página de fãns em questão. Em determinado momento, estávamos cheio de euforia pelas conquistas e planos já mensurados quando ele me disse: ‘Pronto. Agora basta eu sair clicando em cada ícone que eu ver nessa página para fazer testes e descobertas.’ O primeiro ícone foi o de agendamento de artigo, que ele se lembrou de minha explicação segundos depois e o segundo clique revelou o preenchimento horizontal da página. Pulei da cadeira como se estivesse numa final de campeonato de futebol e ele me olhou alegremente como uma criança que acaba de descobrir o que vai mudar sua história... Clicamos no ícone de uma estrela no canto superior do artigo

COMO DESTACAR UM ARTIGO NO FACEBOOK

Você pode fazer tudo estando com o seu perfil tradicional, no meu caso posso fazer tudo como Rafael mesmo e não preciso mudar para o perfil Arruma Blog. Vá até o local de postagem e inicie um artigo normalmente.

Ao terminar de escrever, publique o conteúdo normalmente.

O que fará toda a diferença será o clique. Passe o mouse sobre o conteúdo e quando encontrar a estrela no canto superior a direita clique sobre ela. O resultado será parecido com este (em termos estéticos, pois o que você publica faz a diferença):

O QUE NÃO COLOCAR EM DESTAQUE

Apenas texto. Não recomendo o uso de texto em destaque, a não ser que o foco da sua página for poesias, crônicas e a fins. Acho que mesmo sendo uma página assim, você ainda pode usar uma boa imagem com trechos do seu texto, algo que chame a atenção do leitor e o motive a continuar lendo ou clicar em algo ou ainda a compreender o sentido final da coisa.

O QUE COLOCAR EM DESTAQUE

Se para fazer um artigo você pensa duas vezes para não dar nada errado, então recomendo que pense três vezes antes de colocar qualquer coisa em destaque na sua página. Muitos amigos destacam um novo álbum de fotos que fizeram (cito os reviews do TecnoBlog) e amigos em pessoas. Outros fazem isso toda sexta-feira da semana ou sábados e por aí vai.

Tenho pra mim que o melhor mesmo é destacar artigos considerando: Sua linha do tempo e a relevância do que será publicado. Como resultado teremos visualmente um resultado familiar, algo que o leitor possa ler como um jornal, ou ainda uma revista:

Na prática, gosto de ver algo como:

Página de Fans com destaque II

QUANDO COLOCAR ALGO EM DESTAQUE

Recomendo usar momentos como premiações, artigos que sejam preparados para um público maior do que o esperado. Promoções e informes diversos são ideias que podem ajudar. DICA: Elabora conteúdo exclusivo para estes destaques. Use novas imagens, novos textos e inove sempre que possível.

POSSO DAR DESTAQUE A TODO TIPO DE PUBLICAÇÃO?

Sim. Pelo que notei, você pode promover o destaque com texto, álbum de foto, conteúdo de Texto e imagem e até enquetes.

Outra coisa que ajuda é poder usar anúncios especiais do Face focado naquele determinado conteúdo publicado e não na página toda ou em um link externo como muitos estão habituados.

CONCLUSÃO

De longe um dos apelos visuais ou recursos mais legais que podemos usar no Facebook. Agora que você já sabe como promover ou indicar a página de um parceiro, amigo ou seu segundo projeto usando seu perfil e página de fãns, você pode ir mais longe e elaborar conteúdo de primeira. Quem sabe o Google + não absorve essa ideia e a melhora ou faz igual. Acho só uma questão de tempo (se bem que o Twitter não tem isso rsrsrs).

Continue lendo

Hootsuite - Gerenciador de rede social

Está na hora de falar sobre rocambole algo para facilitar o cotidiano seu e do seu blog. Passei a usar um gerenciador de Tweets, mas acabei de descobrir que ele faz bem mais que só gerenciar os tweets de uma única conta e quero que você, leitor(a) do blog conheça a ferramenta ou se já conhece, comente o que acha do serviço.

Continue lendo

Unificar perfil do Blogger com Google +

Falei no artigo anterior das vantagens e de como integrar seu perfil do Orkut ao Google + e prometi que daria continuação a esse tema pois quando integramos a conta do Orkut e do Plus podemos fazer mais do que simplesmente encontrar as pessoas. Saiba como integrar o perfil do Blogger ao do Google + e saiba das vantagens para você que é autor de um blog no Blogger.

Após ter integrado os perfis então ao chegar no blogger (serviço gratuito de blog da Google) você verá uma imagem igual a 'IMAGEM 1' mais abaixo.

Continue lendo

Integrando Orkut com Google +

Muitas pessoas acreditam que o Orkut morreu a muito tempo e outros que a rede social está em transformação. Até o começo de 2012 ninguém sabia ao certo o destino do Orkut, mas depois da mudança na nova interface da rede social da Google o anúncio público interligando o perfil do Orkut com um novo perfil do Google + foi publicado no Blog do Orkut (então o que isso significa?). Saiba como migrar seu Orkut ao Google + sem perder contatos e informações, além de dicas para dar um UP no seu perfil.

Continue lendo

Seu codigo bem apresentado - Blockquote

Você costuma postar códigos HTML ou citações em seu blog e deseja personalizar o campo 'menção' mas não sabe como? O artigo de hoje vai ensinar como ter o melhor espaço para menções de seu blog, no Blogger este espaço é conhecido como Blockquote. Continue lendo

Continue lendo

Transforme o erro 404 em um acerto

Há coisas que nos surpreende pelo serviço de qualidade, outros pela forma como é contato e outras pela criatividade. A ação que junta o erro 404 com o artigo, é a criatividade em fazer de um 'erro' do navegador algo criativo em benefício para alguém e é sobre essa 'transformação' que falaremos.

Continue lendo

15 dicas de e-mail que você deve conhecer

E quando o comentário não é o bastante para seu leitor escrever  o que deseja, onde ele vai? Para a página de Contato! Certamente seu blog recebe contato de um ou mais pessoas e como lidar com os e-mails dos leitores de forma positiva e rápida? O Assunto hoje é E-MAILS. Separamos 15 dicas de ouro para se dar bem com seu leitor por e-mail (e elas podem ser usadas em qualquer lugar onde o e-mail é fundamental). Continue lendo.

Continue lendo