Códigos Blog

5 tipos de blogueiros mais chatos do Mundo

2012-01-27T15:30:00.000-02:00

Com a propagação da ideia de blogar e com as facilidades de criar um blog o mundo se vê cercado de várias páginas com este estilo, que trazem vários nichos, opiniões, destaques e pessoas diferentes pilotando essas suas naves sem brevê.

Vou citar agora alguns tipos chatos de blogueiros:

1. O rei da cocada-preta

É aquele blogueiro que se acha o maioral. Têm 2 mil visitas por dia e já se vê na posição de se exaltar no próprio blog, na sua página de autor, nas redes sociais e até com a sua avózinha que nem sabe o que é Google.

2. O anti-social

É o tipo de blogueiro que não sabe o que é comunicação. Ele acredita que apenas postar é o bastante e que rede social é um lugar onde ele reserva o nome do seu blog, como uma marca registrada na internet. O tão conhecido Forever Alone!

3. O seletivo
É aquele blogueiro que não é grande coisa, mas quer ser! Ele cria uma página de parceria (plagiada), dizendo que só aceita parceiros que enviem mais de 10 mil visitas por dia e que no seu blog não tem "cadeira cativa." Mas se olhar bem, seus parceiros são apenas os blogs ~~fodas~~ conhecidos e que nem sabem que ele existe. Caso entre em contato, ele dirá que irá analisar o Google Analytics no fim do mês e não vai te responder nunca mais!

4. O matraca

Ele adora postar, comentar e interagir 25hs por dia. Cada postagem desse tipo de blogueiro é um livro. Faz o oposto do anti-social, mas exerce o antagonismo com louvor, pois além de escrever muito, ele replica TODOS os comentários que recebe. Nas redes sociais fica cutucando todo mundo no Face e discutindo até com os bots automáticos do Twitter. É amigo do Tite!

5. O sem noção
É o tipo de blogueiro que vai contra tudo e contra todos. Ele fala de tudo e ao mesmo tempo acaba não falando nada. Além das suas postagens serem chatas de ler, ele não escreve bem, não segue uma linha de raciocínio coerente e por fim, acaba confundindo todo mundo!

Com certeza daria para fazer uma lista maior, mas fica pra próxima!

Se você conhece outros tipos de blogueiros chatos comenta aí ;-)

Lembrete: Eu não coloco defeito em ninguém. Foi Deus quem colocou, eu só comento!

Analisando os dados e conhecendo os leitores de sua página no Facebook

2012-01-26T15:00:00.000-02:00

Ter conhecimento da faixa etária dos seus leitores, sexo, usuários ativos, interações, é importante para você conhecer seus usuários e como está sua divulgação em redes sociais. Além do mais, esses dados são bem relevantes principalmente para futuros anunciantes para o seu blog.

Links interessantes:

A partir do momento que você cria uma página no Facebook, os dados de acesso e visualização da página são arquivados, disponibilizados e atualizados diariamente. Esses dados são fornecidos através de gráficos, veja como acompanhar esses dados:

Acesse seu Facebook e abra sua página de fãs. Agora clique em “Visualizar informações antigas” localizado na direita da sua página.

No menu lateral da esquerda vai aparecer as seguintes opções: “Visão geral”, “Usuários” e “Interações”. Navegue nessas páginas e tenha acesso a vários gráficos e dados. Saiba o que é oferecido:

Usuários ativos
Quantos usuários ativos diariamente, semanais e mensais em sua página.

Repercussão do conteúdo
Número de comentários e curtir que sua página recebeu nas publicações.

Divisão de usuários ativos diariamente
O que cada usuário está fazendo quando acessa sua página

Total de fãs
Acompanhe o crescimento da sua página. Saiba quantos “Curtir” sua página recebeu em cada dia.

Gênero e idade
Saiba qual a porcentagem de homens e mulheres e a idade média dos fãs.

País, cidade e idioma
Tenha acesso aos países, cidades e idiomas dos usuários da sua página. Tudo em número exato.

Visualizações da página
Número de page-views que sua página recebeu durante os dias

Total de visualizações da guia e referências externas
Veja quantas visitas recebidas em cada aba da sua página e de onde surgiu cada visita externa

Consumo de mídia
O número de acessos das fotos e vídeos já publicados na página

Publicações da página
Quantas impressões, comentários, data e conteúdo de cada publicação da sua página.

Realmente são muitos dados importantes, onde você pode levar em consideração para o lado do seu blog, ter conhecimento avançado dos seus leitores (localização, idade, sexo, participação, etc).

Por último, fica a dica: Uma página no Facebook não é apenas enfeite, participe com seus leitores!

Como instalar o Threaded Comments, sistema de resposta em comentários no Blogger

2012-01-24T14:30:00.000-02:00

O Blogger lançou recentemente um novo sistema de comentários para a plataforma. Agora é possível responder comentários, criando uma grade de conversação em cada comentário.

O sistema ainda é novo e ainda contém alguns bugs, todavia se for corrigido o principal bug com um script que vou ensinar, é possível usar o Threaded Comments sem maiores problemas.

Alguns bugs no Threaded Comments, novo sistema de comentários do Blogger

Também devo avisar que a maioria dos estilos CSS dos seus comentários serão perdidas, ou seja, vai mudar um pouco ou completamente a forma que é exibido os comentários em seu blog. Uma nova configuração CSS deve ser feita caso você queira fazer alguma alteração no layout dos comentários.

Para ativar o novo sistema em seu blog, siga o tutorial:

Faça backup do template (Fazer backup / Restaurar), caso aconteça algum erro ou você não goste do novo sistema, é só você voltar o código antigo.

1) Faça login no Blogger, entre em “Configurações” -> “Postagens e Comentários”. Em “Local do comentário” escolha a opção: “Incorporado”. Depois clique em “Salvar Configurações”.

Entre em alguma postagem sua com comentário e veja se a opção de responder comentários foi ativada. Caso ainda não apareça em seu blog, continue o tutorial. Se já apareceu em seu blog vá para a parte de correção do sistema logo no final da postagem.

2) Agora entre em “Modelo” -> “Editar HTML”. Marque a caixa “Expandir modelos de widgets”.

3) Procure (Ctrl + f) por:

<b:if cond='data:blog.pageType == "static_page"'>
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>
</b:if>

Obs.: Em alguns templates o código acima vai ser encontrado mais de uma vez, substitua todos pelo código abaixo.

4) Substitua o código encontrado por:

<b:if cond='data:blog.pageType == "static_page"'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>

Código inserido no template

5) Salve as modificações em “Salvar modelo” e acesse uma postagem que já tenha um comentário, veja se o botão “Responder” foi inserido. Caso sim, prossiga.

Correção do bug rolagem (scroll) da tela

Esse problema acontece no Firefox e Internet Explorer em postagens que já contém comentários. Ao clicar no título de uma postagem, a postagem é carregada e a tela é deslocada para baixo, em vez de ir para o topo da página.

Uma solução provisória até que o Blogger solucione o problema foi desenvolvida pelos meus amigos, Claudio Sanches e Fernando Jorge do Ferramentas Blog.
Ainda em edição do seu template (Editar HTML) cole o seguinte código ANTES de </head>:

<b:if cond='data:blog.pageType == "item"'>
<script type='text/javascript'>
//<![CDATA[
document.body.onload = window.onload = function() {
var links = document.getElementsByTagName('a');
var h = window.location.hash.substring(1);
var cont = true;
for(var c=0;c<links.length && h && cont;c++){
if(links[c].name == h){
var x = links[c].offsetLeft,y = links[c].offsetTop,el=links[c].offsetParent;
while(el){
x += el.offsetLeft;
y += el.offsetTop;
el = el.offsetParent;
}
window.scrollTo(x, y);
cont = false;
break;
}
}
if(cont || !h){
window.scrollTo(0,0);
}
};
//]]>
</script>
</b:if>

Salve as modificações.

É possível que você encontre outros bugs, mas garanto que o Blogger logo vai solucionar os problemas encontrados.

Alguns bugs no Threaded Comments, novo sistema de comentários do Blogger

2012-01-20T17:03:00.002-02:00

O Blogger implementou um novo sistema de comentário em seus blogs. Agora é possível responder comentários em baixo de outros comentários, ou seja, criar uma conversação em cada comentário postado.

A função ainda é nova, então não é surpresa encontrarmos bugs. Todavia poucos sabem se os problemas que estão acontecendo são erros do próprio Blogger ou são erros que acontecem por causa de uma instalação mal feita ou conflito entre códigos do seu blog. Por isso fiz uma pesquisa, alguns testes e encontrei três bugs, são eles:

1) Ao carregar uma postagem a tela desce até os comentários

Postagem carregada no Firefox

Comentário que encontrei em um blog em inglês relatando o mesmo problema:

Blog Way2Blogging

Olhei em vários blogs que utilizam esse novo sistema, o erro é comum. Fiz uma pequena gambiarra em JS para voltar ao topo da página ao carregar tudo. Não é uma solução boa, mas até o Blogger arrumar isso vai ter que ser assim.

Atualização 23/01/2011

Eu e o Claudio Sanches do Ferramentas Blog trocamos alguns emails sobre o problema, então o Claundio junto com o Fernando Jorge desenvolveram um código javascript que corrige esse pequeno erro.

Para corrigir o problema, faça login no Blogger, entre em "Modelo” e clique no botão “Editar HTML”. Cole o seguinte código abaixo ANTES de </head>:

<b:if cond='data:blog.pageType == "item"'>
<script type='text/javascript'>
//<![CDATA[
document.body.onload = window.onload = function() {
var links = document.getElementsByTagName('a');
var h = window.location.hash.substring(1);
var cont = true;
for(var c=0;c<links.length && h && cont;c++){
if(links[c].name == h){
var x = links[c].offsetLeft,y = links[c].offsetTop,el=links[c].offsetParent;
while(el){
x += el.offsetLeft;
y += el.offsetTop;
el = el.offsetParent;
}
window.scrollTo(x, y);
cont = false;
break;
}
}
if(cont || !h){
window.scrollTo(0,0);
}
};
//]]>
</script>
</b:if>

Salve a modificação feita e pronto!
Parabéns a equipe do FB pelo trabalho bem feito.

2) Erro clicar em responder

Alguns blogs estão com esse problema. A pessoa clica em “Responder” e nada acontece.

Comentários que encontrei sobre o problema:

Blog Blogger Buzz

Blog Crazyseawolf's

3) Texto sobre comentários carrega abaixo do formulário

O erro mais estranho, porém menos preocupante. Ao abrir o formulário de comentários, as regras de comentários que você cria deveriam aparecer antes do formulário, como era antigamente e como deve ser, porém isso não acontece, as regras estão sendo carregadas abaixo do form.

Tenho certeza que outros erros vão aparecer, mas acredito que o Blogger já está trabalhando em soluções para os problemas encontrados.

Recomendo não utilizar o novo sistema agora. Se você já usa, tente arrumar alternativas provisórias para os problemas não darem dor de cabeça aos seus leitores.

Conheça o novo Códigos Blog para 2012!

2012-01-19T11:12:00.000-02:00

Mesmo depois de aproximadamente 4 anos de Códigos Blog tenho muito o que aprender, melhorar e continuar com algumas metas. Muita correria nos últimos três anos, saindo do ensino médio e adaptando na nova vida, onde devo sempre conciliar faculdade, trabalho freelances, estágio, blog e religião. Acredito que esse ano vai ser mais tranquilo, pois aos poucos vamos acostumando e nos ajustando.

Quando entramos em um novo ano, trazemos expectativas e renovações, então é com bastante alegria que hoje apresento algumas novidades para esse novo novo ano!

Design renovado

A principal novidade está no ar! Estamos com um layout renovado, desenvolvido em HTML5, CSS3 e Javascript. Um layout mais moderno e limpo.

Postagens em destaque
Que tal ver as postagens mais recentes que merecem destaque? Agora o novo layout do CB mostra pra você essas postagens que merecem uma melhor atenção.
Aproveite!

Fácil acesso as principais categorias
Colocamos as principais categorias do blog em destaque, para ter acesso rápido a elas é só ir para o final da página. Simples e objetivo!

Logotipo renovado
Também apresento para vocês o novo logotipo do CB, feito em CorelDraw, seguindo as novas tendências dos logotipos “minimalistas”.

Toda essa parte gráfica foi feita por mim, caso queira conhecer melhor meu trabalho: www.pauloens.com

Novos Editores

Nesse final de ano dois novos escritores foram agregados no blog, o Tiago Carossi e o Gustavo, todavia não vamos parar por aqui, temos meta de contratar até Julho pelo menos mais dois novos editores.

Produtos próprios para venda

Estou organizando novidades nessa área, materiais exclusivos para você blogueiro e para seu blog.
Uma das novidades já está no “papel”, uma parceria que nos permite melhorar o layout do seu blog por um preço bem reduzido, aguarde.

Resumidamente é isso! Acho melhor cada um conhecer a nova interface do blog por contra própria e acompanhar as novidades através dos nossos perfis nas redes sociais.

Envie mensagens de voz para o Twitter

2012-01-13T14:00:00.001-02:00

Enquanto o Twitter é uma rede social que se caracteriza pelas mensagens de apenas 140 caracteres, existem algumas aplicações externas usadas para abranger outras possibilidades.

Uma dessas possibilidades é o TwitterFone, um serviço gratuito que permite atualizar sua conta do Twitter por voz usando qualquer telefone. Seu funcionamento é bastante simples: você liga, "fala" o tweet e desliga. Logo depois, os tweets vão para a sua conta.

É um ótimo serviço e também é uma novidade. Então se você é o tipo de pessoa que adora inovar e buscar novos rumos para as redes sociais, o TwitterFone (Dial2do) é uma ótima pedida!

Outra coisa legal é que o serviço não só pode enviar mensagens de voz para o Twitter, mas também tem a capacidade de integração com outros serviços como Tumblr, Email's do Gmail, Yahoo e muito mais!

Vale conferir ► TwitterFone

Algumas desvantagens da interface dinâmica do Blogger

2012-01-10T14:00:00.003-02:00

ZOOM

Como sabemos, o Blogger lançou em 2011 a interface de forma dinâmica. Após um período experimental, podemos notar que essa interface é muito dinâmica em seu sentido literal, a página carrega 40% mais rápido do que os modelos convencionais. Este é um ótimo diferencial. No entanto, esse dinamismo trás consigo várias desvantagens que veremos agora:

1. Não há suporte para Widget:

No projeto, podemos perceber que não há nenhum lugar onde possa adicionar widgets, tais como: Postagens Populares, Comentários Recentes, Visualizações de Páginas entre outros. O único destaque nesses modelos é o conteúdo. Esta é certamente uma desvantagem fatal.

2. Não existe um botão "Editar HTML":

Com a "Editar HTML" você pode facilmente mudar o modelo de design do seu blog, inserindo os utilitários JavaScript e jQuery para tornar o blog mais exclusivo. Infelizmente, quando ativa-se essa forma dinâmica você perde o rastreamento de visitas pelo Analytics e não pode personalizar muito o página, modificando apenas o fundo, a fonte e alguns outros detalhes.

3. "Leia Mais" não funciona:

Se o seu artigo é muito longo, vai causar problemas para os leitores, e até mesmo ao seu próprio blog. Se o seu artigo contém muitas imagens será pior ainda, pois a leitura se tornará cansativa e a vizualização das imagens causará um problema de poluição visual que fará o seu leitor fechar a aba do seu blog em poucos segundos!

4. Falta de recursos:

Se você usar esta interface, o modelo do seu blog será idêntico ao de outro blog que usa a mesma interface. Isso além de dificultar a rotatividade de informação, fazendo seu blog ser só mais um na multidão!

5. Sem Logo:

A falta de edição do HTML nos envolve em outro problema que é Logo no cabeçalho do Blogger, que fará seu blog não ter uma identidade completa e única.

6. Difícil indexação (SEO):

Sem editar o HTML do blog, o SEO se torna um grande obstáculo e se tu estava ganhando posições no ranking das páginas de pesquisa tu pode esperar 1 mês para voltar a estaca zero se usar esta interface.

7. Adeus Adsense

A última e não menos importante é a perca do espaço para o Google Adsense, ou seja, diga adeus aos seus doláres que poderiam vir. O único jeito de fazer alguma propaganda é via postagem, algo que não recomendaria, pois se a indexação é quase zero, imagina fazer o que os robôs do Google mais odeia (links desanexados) além de poder perder todos os seus ganhos antigos sendo suspenso pelo Adsene por ferir a política do site.

Espero eu que o que os Dynamic Views melhore no futuro!

Crie enquetes no Twitter e aumente sua influência na rede

2012-01-06T14:00:00.002-02:00

O Twitter é a rede social que mais aplica a necessidade de engajamento entre os usuários. Um perfil que não tweeta novidades, não é envolvido com seus seguidores e não gera discussões é um perfil inútil e por fim, cairá no esquecimento ou receberá vários unfollow's.
Se tu não quer que isso aconteça, comece a gerar conteúdo e descubra o melhor horário para postar no seu Twitter, assim você aumentará sua eficácia no microblog.

Outra dica é criar discussões na rede por intermédio de enquetes/votações usando o site tweetvote.org.
TweetVote é um serviço para criação e votação de enquetes que são enviados como tweets.

Aprendendo a usar o site

O TweetVote não necessita de cadastro. Basta conectar sua conta no Twitter ao site via OAuth.

1º - Conecte sua conta ao site » Clique no botão "Sign in to create new pool;"
2º - Crie sua enquete » Clique em "Create new Yes/No pool;"
3º - Formule sua enquete » Na caixa "Pool text" adicione sua enquete com até 100 caracteres;
4º - Escolha se a enquete terá fim ou será perpétua »
Para não ter fim deixe a primeira opção "No expiret date" marcada;
Para expirar escolha "Pool expired on" e programe a data de término. Nos acrónimos escolha GMT;
5º - Envie ao Twitter » Basta clicar em "Create Pool."

Pronto! Agora o site enviará a enquete ao seu Twitter seguida de um link, que clicado levará a página de votação com as opções SIM ou NÃO! Você e os outros usuários verão em tempo real os resultados da votação. Seja criativo e terá bons resultados.

* Votos podem ser escolhidos pelo eleitor para ser anônimo ou tweetado.

Os 10 sites mais populares do Brasil em 2011

2011-12-31T09:00:00.007-02:00

Quando se fala em sites populares logo se pensa em quantidade de acessos, mas para definir a popularidade de um site apenas isso não basta! Sabendo disso o site Alexa faz seu garimpo na internet mundial no ano inteiro e define os melhores e mais acessados sites da internet, levando em conta acessados, tempo de carregamento da página, classificação nos sites de busca (SEO), páginas visitas por usuário etc.

Veja então a lista dos 10 websites brasileiros que melhor seguiram estes requesitos em 2011:

10º - Yahoo - yahoo.com

Um dos principais portais de conteúdo da Internet e um dos principais sites de pesquisa e conteúdo personalizável do mundo. Tem outros ótimos serviços como chats e email gratuito.

9º - Orkut - orkut.com.br

A grande "rede social brasileira" que sempre apontava entre os principais sites do país do futebol está assinando a sua decadência agora em números. Mas o eterno projeto beta do Google ainda está entre os Top 10 no Ranking BR... creio eu, que por pouco tempo!

8º - Blogspot - blogspot.com

O nosso querido Blogger (domínio blogspot) é o oitavo site do ranking. Algo que já era de se esperar, já que existentes tantos blogs do serviço no Brasil.

7º - Globo.com - globo.com

O grande site da Rede Globo chegou para ficar. O domínio trás consigo o portal de notícias G1, Globo Esporte, serviço de email grátis, além do próprio site da poderosa Rede Globo de televisão.

6º - Windows Live - live.com

Além da opção de busca do Bing, a live tem o Hotmail que é o maior serviço de email do Brasil.

5º - Universo Online - uol.com.br

O maior portal de notícias do Brasil é o UOL. Além do seu conteúdo agregador eles têm serviços de email grátis (@bol), salas de bate papo, hospedagem para sites e muito mais. É justo estarem no Top Five!

4º - YouTube - youtube.com

O maior site de vídeos do mundo não poderia estar de fora desta lista. Além do conteúdo (relativamente) livre, o site é a maior cartada do Google até hoje!

3º - Google - google.com
Simplesmente o maior site do mundo, mas com domínio internacional (.com), por isso "amarga" a terceira posição!

2º - Facebook - facebook.com

Um dos maiores fenômenos do mundo em vários nichos é o site de Mark Zuckerberg. Sucesso relativamente rápido e uma grande realidade das redes sociais em países como Argentina (hermanos) onde o Facebook já é o site mais acessado. No Brasil ele caminha para tal realização!

1º - Google Brasil - google.com.br

Agora está explicado! O Google é sim o site com maiores valores nos critérios da Alexa, mas é o Google com domínio .com.br.
Apesar de ser o mesmo site, resolvi ressaltar essa curiosidade.

Curiosamente alguns sites não estão nessa lista, como o Twitter (12º), Wikipédia (17º) e Wordpress (20º).
Quem sabe seu blog não esteja entre os dez mais populares em 2012 não é? Nada é impossível!

Atualizado dia 31/12/2011

Está na hora de excluir seu Orkut?

2011-12-27T19:20:00.002-02:00

Sem apego. Sem melancolia. Sem saudade. A ordem é desocupar lugares... já dizia o grande escritor Caio Fernando Abreu.
O Orkut nos cativou e nos mostrou o que era uma rede social antes mesmo de termos grande conhecimento sobre mídias sociais. Mas nem sempre o primeiro é o melhor, até mesmo acontece o inverso disso em várias ocasiões da nossa vida!

O complicado disso tudo é encontrar a hora de dar um basta e praticar uma Reta Ação esquecendo de vez esse apego desnecessário. A cada dia que passa o Facebook domina mais o mundo (das redes sociais também) e claro, isso envolve o Brasil.
Apesar de que o Orkut ainda é a rede social com maior audiência no Brasil, de acordo com a consultoria Serasa Experian. Segunda essa consultoria o Orkut acaba com queda de 21,9% nos últimos 12 meses, enquanto o Facebook cresceu 24,1%.

Provavelmente você ajudou nessa queda do Orkut (assim como eu) e não utiliza mais a rede social queridinha do Brasil por vários motivos, mas 1 em especial chamado: FACEBOOK que claro, é bem melhor que o Orkut.
Particularmente eu ainda não excluí meu perfil, por 1 único motivo: o sentimentalismo DOS OUTROS amigos que não acreditam que o Facebook seja melhor e continuam fiéis ao Orkut. Então essa a é única rede social que me aproxima desses cabeças duras. Quando grande maioria deles migrarem para o Facebook eu certamente estarei livre e praticarei meu Orkutcídio!

Você ainda usa o Orkut? Está pensando em excluir seu perfil ou já excluiu? Comenta aí!

Descubra qual é o melhor horário para postar no seu Twitter

2011-12-23T16:46:00.001-02:00

O Twitter é sem dúvida um dos melhores meios de agregação de conteúdo para blogs entre todas as redes sociais. Com ele a possibilidade de disseminação do seu conteúdo pode triplicar com apenas 1 tweet. Para isso, é necessário que use esse microblog com inteligência e qualidade.

Enviar seus tweets na hora certa é uma das melhores formas para viabilizar seu conteúdo na comunidade web.
O site Timely é a melhor ferramenta para este uso. Basta colocar o seu username (nome do Twitter) no campo que está escrito "Twitter account" e clicar em "GO!" Logo após aparecerá o resultado dos seus últimos 199 tweets!

Além dessa função, o site Timely dá a opção de adicionar outros perfis sendo até do Facebook, programar tweets para postagem automática em datas futuras e também uma análise de cada tweet, mas para isso é necessário fazer um conta no site. É rápido e melhor ainda, gratuito!

Criando uma conta no site Timely:

Clique em » "Sign Up - Its Free."
Adicione seus dados » Email e Senha (não necessita aprovação por email).
Associe o site ao seu perfil clicando em autorizar sua conta no Twitter ou Facebook.
Abirá uma página de autorização do próprio Twitter. Basta clicar em "Autorizar."
Pronto!

Conta criada e funções extras adicionadas. Façam bom proveito!

5 dicas para se organizar e deixar seu blog de férias neste fim de ano

2011-12-20T15:30:00.001-02:00

Um aspecto importantíssimo para o sucesso de um blog é a organização. Um blogueiro deve ter em mente que uma página na internet significa ser visto pelo mundo e que seus leitores esperam sempre atualizações do seu conteúdo. Mas como organizar-se neste final de ano e colocar "seu blog" de férias?

As aspas na frase acima foi proposital, pois quem irá entrar de férias não será seu blog, mas você. Então vamos as dicas:

1. Dedique seu tempo

A organização está totalmente ligada à administração do tempo. Indico que dedique 1 hora do seu tempo para blogar, mas dedique-se apenas para criar suas postagens. Feche as redes sociais ou quase isso (Orkut) e todos os outros sites. Deixe aberto apenas o Google ou quase isso (Bing) para realizar as pesquisas necessárias para seu post.

2. Não desvie de seus objetivo

Se seu objetivo é ficar 2 semanas de folga, então mexa-se! Desviar dos seus objetivos é o melhor jeito de não conquistá-los. De acordo com o estilo do seu blog você poderá criar postagens para 2 semanas dedicando apenas 6 horas do seu tempo semanal.

3. Programe suas postagens

O Blogger e o Wordpress trazem a opção de programar as postagens para datas futuras, ou seja, você poderá criar as postagens para serem postadas automaticamente.

4. Avise seus contatos nas redes sociais

Por mais que as redes sociais possam se tornar ferramentas automatizadas, não há como conversar com seus fãs e seguidores com um bot. Então avise-os de forma direta, se possível é claro. Caso sua rede de contatos seja muito grande e não seja possível avisá-los diretamente é bom lançar um aviso simples na rede dizendo que você irá pescar nas Cataratas do Niágara.

5. Confira se a luz está apagada antes de sair

Se você usa moderação para comentários é indicado que desative. Todos sabem que os comentários geram discussões, concórdias e agregam muito ao conteúdo. Então se você não está lá para administrar isso, deixe a entrada franca por alguns dias.
Outra dica é usar autorresposta no e-mail de contato do blog, para que o remetente saiba onde tu anda. Resumindo... tudo que necessite da sua reposta ou gestão no blog é bom esquecer por alguns dias!

É isso pessoal.... Aproveitem suas férias e voltem com tudo!

Floating NextPrev – Setas de navegação nos posts para Blogger

2011-12-19T16:00:00.015-02:00

Atualizado - 21/01/2011

Correção quebra layout das setas (passo 2)

Não é fácil manter os usuários conectados em uma página, é uma tarefa difícil e exige dedicação do blogueiro para encontrar formas de conquistar e prender cada visitante em seu blog.

Uma nova forma interessante para melhorar esse tempo de permanência dos usuários foi desenvolvido pelo Claudio Sanches do Ferramentas Blog, o plugin Floating NextPrev para WordPress, todavia o Claudio encontrou algumas dificuldades e achou melhor desenvolver o plugin apenas para WordPress. Como eu adoro desafios, logo fui procurar alguma solução para rodar o plugin no Blogger, e consegui!

Peguei um javascript desenvolvido pelo Dicas para Blogs, adaptei para funcionar junto com o Floating NextPrev e depois de muito trabalho o resultado foi positivo!

Plugin em funcionamento no Blogger

Antes de ensinar como colocar os botões de navegação no seu blog, quero deixar bem claro que todo o sistema foi desenvolvido pelo Claudio Sanches, apenas adaptei o código para funcionar no Blogger.

Siga o tutorial:

1) Faça login no Blogger, entre em “Modelo” - > “Editar HTML”. Depois marque a caixa “Expandir modelos de widgets”;

2) Procure (Ctrl + f) por "#blog-pager" e insira o código "<b:if cond="data:blog.pageType != "item"">" antes e depois do próximo "}" insira "</b:if>".

Exemplo de como deve ficar:
<b:if cond="data:blog.pageType != "item"">
#blog-pager {
...
}
</b:if>

Faça isso também com "#blog-pager-older-link" e "#blog-pager-newer-link".

Obs.: Caso não encontre os códigos acima, passe para o próximo passo.
Obs.2: Essa parte vai retirar todos as aplicações CSS já existentes para o modelo de navegação.

3) Procure (Ctrl + f) por ]]></b:skin> e cole o seguinte código logo abaixo da tag encontrada:

<b:if cond='data:blog.pageType == "item"'>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
var alts = jQuery.noConflict();
alts(document).ready(function(){
var newerLink = alts("a.blog-pager-newer-link").attr("href");
alts("a.blog-pager-newer-link").load(newerLink+" .post-title:first", function() {
var newerLinkTitle = alts("a.blog-pager-newer-link").text();
alts("a.blog-pager-newer-link").text(newerLinkTitle);
});
var olderLink = alts("a.blog-pager-older-link").attr("href");
alts("a.blog-pager-older-link").load(olderLink+" .post-title:first", function() {
var olderLinkTitle = alts("a.blog-pager-older-link").text();
alts("a.blog-pager-older-link").text(olderLinkTitle);//rgt
});
});

var fnp = jQuery.noConflict();
fnp(document).ready(function(){

    fnp(".fnp-previous").mouseenter(function(){
        fnp(".fnp-content-left").stop().animate({
            left:-10
        },700);
        fnp(".fnp-content-left .fnp-nav-title,.fnp-content-left .fnp-nav-link").stop().delay(500).animate({
            opacity:1
        },500);
    });
    fnp(".fnp-previous").mouseleave(function(){
        fnp(".fnp-content-left").stop().animate({
            left:-400
        },700);
        fnp(".fnp-content-left .fnp-nav-title,.fnp-content-left .fnp-nav-link").stop().animate({
            opacity:0},500)
    });fnp(".fnp-next").mouseenter(function(){
        fnp(".fnp-content-right").stop().animate({
            right:-10
        },700);
        fnp(".fnp-content-right .fnp-nav-title,.fnp-content-right .fnp-nav-link").stop().delay(500).animate({
            opacity:1
        },500);
    });fnp(".fnp-next").mouseleave(function(){
        fnp(".fnp-content-right").stop().animate({
            right:-400
        },700);
        fnp(".fnp-content-right .fnp-nav-title,.fnp-content-right .fnp-nav-link").stop().animate({
            opacity:0
        },500);
    });
});
</script>
</b:if>

4) Procure (Ctrl + f) por <b:includable id='nextprev'>, selecione todo o código a partir dessa tag até a primeira tag </b:includable>.
Ou seja, selecione isso:

<b:includable id='nextprev'>
...
</b:includable>

Obs.: Existem várias tags </b:includable>, é importante você selecionar até a primeira que você ver.

5) Substitua o código selecionado por:

<b:includable id='nextprev'>
<b:if cond='data:blog.pageType == "item"'>
<div id='fnp-nav'>
<div class='blog-pager' id='blog-pager'>

<b:if cond='data:newerPageUrl'>
<div class='fnp-previous'><a rel='prev'><div class='fnp-box-left'><div class='fnp-content-left'><div class='fnp-content-border'/><div class='fnp-nav-title'>Anterior</div><div class='fnp-nav-link'><a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle' style='display: block;'/></div></div></div></a></div>
</b:if>

<b:if cond='data:olderPageUrl'>
<div class='fnp-next'><a rel='next'><div class='fnp-box-right'><div class='fnp-content-right'><div class='fnp-content-border'/><div class='fnp-nav-title'>Próximo</div><div class='fnp-nav-link'><a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'/></div></div></div></a></div>
</b:if>

</div>
<div class='clear'/>
</div>
</b:if>

<b:if cond='data:blog.pageType != "item"'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>Página Anterior</a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>Próxima Página</a>
</span>
</b:if>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>
</div>
<div class='clear'/>
</b:if>
</b:includable>

Obs.: A segunda parte do código acima, depois de “<b:if cond='data:blog.pageType != "item"'>” é o código de navegação de páginas do blog, essa parte pode ser editada como quiser, só não retire a condicional (if).

6) Agora devemos aplicar o estilo CSS. Escolha um dos modelos abaixo, abra o link e copie o código correspondente.

Abrir código

7) Agora procure por ]]></b:skin> e cole o código antes dessa tag encontrada.

8) Teste, se não deu nenhum erro e a página visualizada não sofreu alteração, salve. Os botões de navegação só serão vistos quando alguma postagem for aberta.

Espero que gostem do resultado.

Obs.: Não copie o post! Tivemos trabalho em desenvolver o widget, caso queira compartilhar o código, coloque os créditos do Códigos Blog e do Ferramentas Blog.

Contador de seguidores do Google Friend Connect em forma de texto

2011-12-16T16:00:00.005-02:00

Uma ferramenta bem completa e muito útil, principalmente pra quem usa o Blogger. O Google Friend Connect permite que assinantes acompanhem seus blogs preferidos, por meio do e-mail, redes sociais ou pelo próprio painel do Blogger, como na imagem abaixo:

Integração entre Blogger e Friend Connect

Leia mais sobre a ferramenta: Google Friend Connect – Uma ferramenta completa!

O Google confirmou o fim do Friend Connect para sites/blogs fora do Blogger, todavia podemos usar seu sistema até quando ele ainda estiver ativo. Quanto aos usuários do Blogger, fiquem tranquilos, a ferramenta continuará ativa para nós. Leia: Google descontinua Knol, Wave, Friend Connect e outros produtos

O contador funciona de maneira simples! Através de algumas linhas de javascript pegamos o número de assinantes que seu blog tem e lançamos na tela. Veja:

assinantes via Google Friend Connect

Qual a finalidade do contador?

O contador em forma de texto é apenas uma alternativa para você apresentar dados estatísticos aos seus leitores e/ou para futuros anunciantes.
O código também pode ser inserido em algum widget, como por exemplo, o Widget contador de redes sociais, postagens e comentários.

Como usar o código:

1) Copie o código abaixo:

<script type='text/javascript'>function contadorFriendConnect(obj) {var
link=obj.totalResults;document.write(link);}</script>
<script type="text/javascript" src="https://www.google.com/friendconnect/api/people/13862946424533031738/@friends?fields=profileExtensions&callback=contadorFriendConnect&id=ID_DA_CONTA"></script>

2) Faça login no Google Friend Connect, acesse o perfil do seu blog e copie o id de usuário que está no link aberto (os números que estão depois do símbolo “=”).

Exemplo do id do Códigos Blog

3) Agora pegue o ID que você copiou agora e cole no lugar de ID_DA_CONTA (código copiado no item 1).

Exemplo como o link do código deve ficar:
https://www.google.com/friendconnect/api/people/13862946424533031738/@friends?fields=profileExtensions&callback=contadorFriendConnect&id=13862946424533031738

4) Agora use onde quiser! Cole em qualquer página HTML, página de widgets (HTML/Javascript) do Blogger ou WordPress.

Mostrar postagens recentes do Google+ no Blogger

2011-12-15T16:00:00.001-02:00

O Google Plus vem ganhando destaque entre as redes sociais e entre os blogueiros também. Várias pessoas já estão usando a rede social do Google para falar o que pensa e para compartilhar conteúdo.

Neste post irei ensinar como exibir as últimas postagens realizadas no Google Plus diretamente no seu blog do Blogger de forma automatizada com a ajuda do feed. Lembrando que este widget também tem a opção de adicionar no Google Plus.

1) Entre no site http://widgetsplus.com e escolha a opção "Update feed" clicando em "Live Preview" e logo após no botão "Get Widget".

2) Irá aparecer um painel de configuração como este da imagem abaixo:

Para configurar e publicar este widget relacionado ao seu perfil será necessário fornecer o seu ID do Google Plus. Para fazer isso, entre na sua sua conta no Google+ clique em Perfil e copie o ID que aparece na URL e cole no campo "Google+ ID". Veja o exemplo na imagem abaixo:

3) Personalização:

Text font » Tipo de fonte.

Widget width » Largura do widget.

Include update feed » Deixe marcada. Serve para mostrar suas atualizações.

Language » Idioma (tem português)

Widget height » Altura do widget.

Nas outras opções você escolhe a cor de fundo, do nome, do botão, dos links etc.

4) Após a personalização clique em "Get Code" e automaticamente vai ser gerado o código para ser adicionado em seu blog.

5) Já no seu blog, entre em “Layout” e clique em “Adicionar um Gadget”;

6) Para adicionar o widget vá na opção "HTML/Java Script " e cole o código gerado no site.

7) Pronto! Ferramenta instalada!

Tiago Carossi, novo escritor do Códigos Blog!

2011-12-14T14:58:00.000-02:00

Promessa é dívida! Certo dia foi prometido um novo escritor para o Códigos Blog, depois de muitos e-mails recebidos, aqui está o primeiro de muitos que vamos chamar.

Conheça o novo escritor do Códigos Blog:
Tiago Carossi, 18 anos, mineiro de Uberlândia, publicitário, gestor de marketing digital e blogueiro. Formado em Teologia e Música pela CCAC, administração, economia e marketing com especialização em negócios para internet pelo SEBRAE.
Escritor também dos blogs: Blog Tiago Carossi e Sem Nexo

O Tiago vai escrever aqui duas vezes por semana sobre redes sociais e produção de texto, espero que gostem e comentem suas postagens para que possamos melhorar cada vez nossos artigos.

Leia a primeira postagem que ele fez aqui:

Use o Twitter para indexar seu blog no Google

2012 promete! Vamos lançar nosso novo layout em HTML5, novos escritores, promoções e muitas postagens!

Abraços,
Paulo Estevão.

Use o Twitter para indexar seu blog no Google

2011-12-13T15:32:00.004-02:00

O Twitter é indiscutivelmente uma das maiores redes sociais do mundo e um dos sites preferidos dos usuários brasileiros. Segundo o Ibope Nielsen Online os usuários brasileiros são os que mais utilizam o microblog no mundo, 56 minutos por mês, quase o dobro dos EUA, onde cada pessoa passa 31 minutos mensais.

Com todos estes atribudos será que o Twitter afeta no SEO do seu blog ou é apenas um site de divulgação e sociabilidade?

Ponto estratégico

Os principais motores de busca da internet (Google e Bing) admitiram que os sinais das mídias sociais estão sendo incorporados ao algoritmo de busca como um fator de classificação. Então sempre que você tweettar um post no Twitter ele terá uma visibilidade maior por estes sites, aperfeiçoando também, mesmo com nofollow, os resultados e posicionamento de sua página.

Dicas básicas que te ajudaram:

O ínicio

Os 40 primeiros caracteres do seu tweet são os mais importantes para otimizar os resultados de uma pesquisa que retornará sua página do Twitter na primeira página do mecanismo de busca. Por isso não indico inciar um tweet com um link!

URLs completas

Você sabia que o Google não indexa urls (links) encurtados? Então não use apenas os TwitterFeed, às vezes divulgue você mesmo suas postagens usando as palavras-chaves do Twitter que são as #hashtags sempre relacionadas ao conteúdo. Isso é extremamente importante para buscas do próprio microblog!

Real time

Não se esqueça que o Google tem a função de pesquisar tweets em tempo real, ou seja, postar constamente é bom para aparecer nos momentos certos e para as pessoas certas.

Qualidade é tudo

Não adianta ter milhares de seguidores se nem você e nem eles enterajem, indicam e/ou retweetam alguma atualização sua e também não adianta ter milhares de retweets sendo que todos eles são fantasmas.
Os sites de busca sabem que existem spammers espalhados pelo mundo e que eles adoram números, por isso até quem retweeta seu conteúdo deve ter qualidade. Os motores de buscas vasculham o perfis para saber:
- Quanto tempo esse perfil esta ativo
- Quem são seus seguidores
- Que tipo de conteúdo eles costumam compartilhar
- Qual a frequência que compartilham. Isso tudo serve para ter certeza que não são bots, mas usuários reais!

Resumindo

O Twitter não afeta 100% o ranking do seu blog nos motores de pesquisa, mas ajuda bastante! No entanto, o que você acabou de ler também é uma estratégia de marketing eficaz para gerar tráfego ao seu blog. Fica a dica!

Novidade! Compartilhe suas postagens no Google+ direto do Blogger

2011-12-13T12:51:00.001-02:00

O Blogger lançou mais uma novidade! Prometeu uma integração completa com o Google Plus (rede social do Google) e está cumprindo!

Dias atrás ensinei a colocar perfil do Google Plus como perfil padrão no Blogger, para poder publicar nossas postagens na rede social é necessário seguir os passos dessa postagem.

Para compartilhar sua postagem entre no painel de controle do Blogger, depois em “Postagens”, escolha a postagem que você quer compartilhar e clique em “Compartilhar”.

Uma caixa será aberta, agora é só enviar.

Podemos esperar várias outras novidades, pois o Blogger prometeu se ligar muito bem com o Google Plus. Aguardem!

Fonte: Connect to Google+ - Blogger Buzz

Botão de twittar postagem, personalizado com título e link encurtado para Blogger e WordPress

2011-12-12T15:20:00.006-02:00

Disponibilizar um botão de twittar as postagens do seu blog é uma das formas trabalhadas na divulgação do blog no Twitter. Então vamos aprender aqui a colocar um botão de twittar/retwittar. A diferença é que vamos personalizar a frase a ser postada no microblog, visando SEO e organização.

O funcionamento é simples! No botão simples disponibilizado pelo Twitter, a postagem vai ser bem simples, o título do post com o título do blog, link completo e no final “via @twitter_do_blog”. Com a personalização, o botão vai enviar somente o título da postagem, link encurtado ou não pelo Bitw.in e no final “via @twitter_do_blog”.

Exemplo de como vai ficar o twitte

Conheça o Bitw.in: Bitw.in - Encurte links, compartilhe imagens, textos e muito mais!

Blogger:

1) Faça login no Blogger, entre em “Modelo” - > “Editar HTML”. Depois marque a caixa “Expandir modelos de widgets”;

2) Procure (Ctrl + f) por <div id="post-footer"> ou <div class="post-footer-line post-footer-line-1"> ou a parte onde você quer exibir o botão de twittar.

3) Escolha um dos modelos de botão que você quer adicionar, copie o código, insira depois do código encontrado na etapa anterior e faça a modificação necessária:

Botão Vertical

com link encurtado pelo Bitw.in:

<script type='text/javascript'>
function encurtadorBitwin(obj) {
var link_tweet = obj.short_url;
document.write("<a class='twitter-share-button' data-count='vertical' data-url='"+link_tweet+"' data-via='SEU_TWITTER' expr:data-counturl='data:post.url' expr:data-text='data:post.title' href='http://twitter.com/share'>Twittar</a>");
}
</script>
<script expr:src='"http://bitw.in/api/link/create.json?url=" + data:post.url+ "&callback=encurtadorBitwin"' type='text/javascript’></script>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'></script>

sem link encurtado:

<a class='twitter-share-button' data-count='vertical' expr:data-url='data:post.url' data-via='SEU_TWITTER' expr:data-text='data:post.title' href='http://twitter.com/share'>Twittar</a>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'></script>

Botão Horizontal

com link encurtado pelo Bitw.in:

<script type='text/javascript'>
function encurtadorBitwin(obj) {
var link_tweet = obj.short_url;
document.write("<a class='twitter-share-button' data-count='horizontal' data-url='"+link_tweet +"' data-via='SEU_TWITTER' expr:data-counturl='data:post.url' expr:data-text='data:post.title' href='http://twitter.com/share'>Twittar</a>");
}
</script>
<script expr:src='"http://bitw.in/api/link/create.json?url=" + data:post.url+ "&callback=encurtadorBitwin"' type='text/javascript'></script>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'></script>

sem link encurtado:

<a class='twitter-share-button' data-count='horizontal' expr:data-url='data:post.url' data-via='SEU_TWITTER' expr:data-text='data:post.title' href='http://twitter.com/share'>Twittar</a>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'></script>

Botão Horizontal sem contador

com link encurtado pelo Bitw.in:

<script type='text/javascript'>
function encurtadorBitwin(obj) {
var link_tweet = obj.short_url;
document.write("<a class='twitter-share-button' data-count='none' data-url='"+link_tweet +"' data-via='SEU_TWITTER' expr:data-counturl='data:post.url' expr:data-text='data:post.title' href='http://twitter.com/share'>Twittar</a>");
}
</script>
<script expr:src='"http://bitw.in/api/link/create.json?url=" + data:post.url+ "&callback=encurtadorBitwin"' type='text/javascript'></script>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'></script>

sem link encurtado:

<a class='twitter-share-button' data-count='none' expr:data-url='data:post.url' data-via='SEU_TWITTER' expr:data-text='data:post.title' href='http://twitter.com/share'>Twittar</a>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'></script>

Substitua SEU_TWITTER pelo nome de usuário do seu Twitter. Não coloque ‘@’!
Exemplo: data-via='codigosblog’.

4) Teste, se não der erro algum é porque está certo. Salve e faça o teste clicando em “tweet”!

WordPress:

1) Faça login no seu blog, entre em “Aparência” -> “Editor”, procure pela página “Post Único (single.php)".

2) Agora você tem que encontrar o melhor lugar para colocar o botão de twittar, geralmente é algo depois do título (<h1><?php the_title(); ?></h1>) ou (<h2><?php the_title(); ?></h2>) ou procure outro lugar, faça teste (é importante ter backup, caso ocorra algum erro você está seguro).

3) Escolha um dos modelos de botão que você quer adicionar, copie o código, insira depois do código encontrado na etapa anterior e faça a modificação necessária:

Botão Vertical

com link encurtado pelo Bitw.in:

<script type='text/javascript'>
function encurtadorBitwin(obj) {
var link = obj.short_url;
document.write("<a class='twitter-share-button' data-count='vertical' data-url='"+link+"' data-via='SEU_TWITTER' data-counturl='<?php the_permalink();?>' data-text='<?php the_title();?>' href='http://twitter.com/share'>Twittar</a>");
}
</script>
<script src='http://bitw.in/api/link/create.json?url=<?php the_permalink();?>&callback=encurtadorBitwin' type='text/javascript'></script>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'></script>

sem link encurtado:

<a class='twitter-share-button' data-count='horizontal' data-url='<?php the_permalink();?>' data-via='SEU_TWITTER' data-text='<?php the_title();?>' href='http://twitter.com/share'>Twittar</a>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'></script>

Botão Horizontal

com link encurtado pelo Bitw.in:

<script type='text/javascript'>
function encurtadorBitwin(obj) {
var link = obj.short_url;
document.write("<a class='twitter-share-button' data-count='horizontal' data-url='"+link+"' data-via='SEU_TWITTER' data-counturl='<?php the_permalink();?>' data-text='<?php the_title();?>' href='http://twitter.com/share'>Twittar</a>");
}
</script>
<script src='http://bitw.in/api/link/create.json?url=<?php the_permalink();?>&callback=encurtadorBitwin' type='text/javascript'></script>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'></script>

sem link encurtado:

<a class='twitter-share-button' data-count='horizontal' data-url='<?php the_permalink();?>' data-via='SEU_TWITTER' data-text='<?php the_title();?>' href='http://twitter.com/share'>Twittar</a>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'></script>

Botão Horizontal sem contador

com link encurtado pelo Bitw.in:

<script type='text/javascript'>
function encurtadorBitwin(obj) {
var link = obj.short_url;
document.write("<a class='twitter-share-button' data-count='none' data-url='"+link+"' data-via='SEU_TWITTER' data-counturl='<?php the_permalink();?>' data-text='<?php the_title();?>' href='http://twitter.com/share'>Twittar</a>");
}
</script>
<script src='http://bitw.in/api/link/create.json?url=<?php the_permalink();?>&callback=encurtadorBitwin' type='text/javascript'></script>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'></script>

sem link encurtado:

<a class='twitter-share-button' data-count='none' data-url='<?php the_permalink();?>' data-via='SEU_TWITTER' data-text='<?php the_title();?>' href='http://twitter.com/share'>Twittar</a>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'></script>

Substitua SEU_TWITTER pelo nome de usuário do seu Twitter. Não coloque ‘@’!
Exemplo: data-via='codigosblog’.

4) Salve as modificações e teste o botão de twittar.

Leia também:

Ganhe Dinheiro na Internet com o Curso Como Montar um Blog Profissional!

2011-12-07T16:00:00.003-02:00

Se você sempre sonhou em ganhar dinheiro com a internet, esta é sua chance: o site Como Montar um Blog possui um curso que te ensina o passo a passo para criar um Blog com qualidade profissional de maneira fácil e rápida!

E as vantagens de se ter um Blog com qualidade profissional são muitas, afinal com um bom Blog você pode ganhar popularidade na internet, expor suas opiniões para milhares de pessoas, fazer novas amizades e contatos profissionais e, por último, mas não menos importante: ganhar dinheiro!

Isso mesmo: com empenho e dedicação, a renda do seu Blog pode ir para uma poupança e você pode fazer um belo pé-de-meia trabalhando nas suas horas de folga. O Como Montar um Blog te mostra como isso é possível!

Sem esquecer outro ponto muito positivo: trabalhar em casa. Quer coisa melhor do que ser seu próprio chefe, trabalhando direto de casa, administrando seus horários e ficando mais próximo de sua família? Com um Blog de qualidade, isso é possível!

Com o curso Como Montar um Blog você aprende tudo desde o início: como criar seu Blog, gerar conteúdo para ele, adicionar vídeos e widgets, personalizar seu Blog para deixá-lo com a sua cara, conectar seu blog com o Twitter e o Facebook.

O curso Como Montar um Blog ainda te dá uma força para usar ferramentas de SEO e ganhar visibilidade nos sites de busca, utilizar os melhores plugins para turbinar seu Blog, e até mesmo deixá-lo em piloto automático quando você sair de férias!

Você quer se tornar um gênio na criação de Blogs profissionais? Quer aprender a ganhar dinheiro com seu Blog? Então acesse o site Como Montar um Blog e comece seu curso!

Para saber mais detalhes sobre o Curso Como Montar Um Blog, acesse: www.comomontarumblog.com

*Publieditorial

É Natal? Não faça seu blog nevar!

2011-12-05T14:39:00.000-02:00

Isso mesmo! Sabe aquele efeito irritante de “neve” caindo na tela do seu computador que vários blogs amadores (desculpe, mas é verdade) colocam na página? Não há coisa mais irritante, que só serve pra pesar a página e tirar a atenção do autor.

Querido amigo, você não precisa entrar tanto no clima de fim de ano! Seu blog é seu, mas um bom blogueiro escreve para os outros, não pra si. Uma página carregada de efeitos, janelas e banners, são feitos para espantar leitores.

Você quer enfeitar seu blog para o natal? Coloque apenas alguma decoração SIMPLES no logotipo, só! Claro, se você não quer ter um blog grande, tornar-se um blogueiro reconhecido na internet, se não pretende crescer e escreve exclusivamente pra si mesmo, esqueça minhas dicas, faça seu blog nevar.

#FicaDica

Escreva no Códigos Blog e ganhe por isso!

2011-12-01T14:22:00.000-02:00

Você gosta de escrever, escreve bem e tem domínio quando o assunto é blog? Faça parte da nossa equipe e receba por texto postado.

Eu, Paulo Estevão, criador e editor do Códigos Blog, estou procurando novos escritores para o CB. Estou aberto para receber e-mails com alguns dados de interessados, então leia abaixo:

Sobre o que vou escrever?

Você pode escolher um ou mais assuntos das seguintes opções:

Blogs no geral – Tudo que é dica relacionada a blogs;
WordPress;
Blogger;
Monetização em blogs;
SEO;
Design em blogs;
Redes sociais;
Produção de texto para blogs.

Pré-Requisitos

Escrever bem, com poucos erros de português, dominar o assunto, ter tempo para escrever de um a dois posts por semana, ser sociável, ter comprometimento e presença em redes sociais.

Quantas postagens por semana?

Inicialmente será de uma a duas postagens por semana. Vamos conversar com o novo escritor, dependendo do assunto que ele vai trabalhar, do tempo disponível e do comprometimento com o trabalho, assim vamos fechar o número de postagens.
Vamos fazer uma analise do desempenho do escritor durante o primeiro mês principalmente e durante os dias que o escritor escrever no Códigos Blog. Dessa forma, podemos melhorar o valor pago por postagem e/ou aumentar o número de postagens por semana, ou, caso o rendimento seja ruim, podemos cancelar o acordo com o escritor.

O que eu vou ganhar com isso?

Propaganda do seu nome e do seu blog no Códigos Blog;
Pagamento em dinheiro (inicialmente será pago R$ 20,00 reais por postagem) via depósito bancário, PagSeguro ou Paypal.

Como participar

Escreva uma postagem sobre qualquer assunto relacionado a blogs, sem limite de caractere e imagens e envie por e-mail para: paulocodigosblog@gmail.com.
No e-mail deve conter: Nome, idade, e-mail, quais os blogs você escreve, por qual motivo quer escrever no Códigos Blog, pretende escrever 1 ou 2 posts por semana e mande em anexo o arquivo do post em Word ou HTML.
Capriche no texto e nas informações solicitadas, TUDO será avaliado!

Posso mandar meu post até quando?

Estarei procurando editores até quando encontrar dois bons blogueiros. Mas não deixe de participar! Mesmo depois de encontrar os novos escritores, se eu gostar de algum outro blogueiro e tenha interesse, vou entrar em contato.

Deixe seu comentário caso haja dúvida.
Boa sorte!

Ocultar caixa de comentários em páginas estáticas no Blogger

2011-11-28T16:00:00.026-02:00

Ter uma página de contato, sobre e outras páginas estáticas é comum e de extrema importância para os blogs atualmente. São formas de interagir e de mostrar quem faz e como faz o blog. Todavia, devemos ficar atentos em desativas/ativar a caixa de comentários nessas páginas.

Em alguns casos é interessante deixar a caixa de comentários ativa na página, mas em vários outros casos isso é desnecessário. Qual a utilidade de um formulário de comentário em baixo de um formulário de contato, por exemplo? Justamente por isso é que hoje vou ensinar várias maneiras bem rápidas e simples de como esconder a opção de comentários em páginas estáticas.

Você pode escolher uma entre as três formas:
Esconder apenas o formulário de comentários em uma página, esconder os comentários em todas as páginas estáticas ou esconder os comentários em páginas estáticas especificadas.

Esconder apenas o formulário de comentários em uma página

1) Faça login no Blogger, entre em “Páginas”.

2) Se você já criou a página, clique em "Editar" (como na imagem abaixo), se não, ao criar a página pule para a próxima instrução:

3) Na página onde você escreve o conteúdo e o título da página, procure no cando direito por "Opções", ao clicar, algumas opções aparecerá. Em "Comentários dos leitores", marque "Não permitir" em vez de "Permitir".

4) Agora clique em "Concluído".
Faça isso em todas as páginas que você quer ocultar os comentários, ou, faça isso em todas as páginas de uma vez, seguindo os passos abaixo.

Esconder os comentários em todas as páginas estáticas:

1) Faça login no Blogger, entre em “Modelo” -> “Editar HTML”.

2) Procure (Ctrl+f) a tag:

]]></b:skin>

3) Antes do código encontrado acima, cole isso:

<b:if cond='data:blog.pageType == "static_page"'>
#comments { display: none;}
</b:if>

4) Salve e pronto! Nada de comentários em páginas estáticas! ;D

Esconder os comentários em páginas estáticas especificadas:

1) Faça login no Blogger, entre em “Modelo” -> “Editar HTML”.

2) Procure (Ctrl+f) a tag:

]]></b:skin>

3) Antes do código encontrado acima, cole isso:

<b:if cond='data:blog.url == "URL_DA_PÁGINA"'>
#comments { display: none;}
</b:if>

Modifique o URL_DA_PÁGINA, colocando a URL da página que você quer ocultar os comentários.

Obs.: Não esqueça o http://
Obs.2: Código para uma página. Para ocultar outra página, copie, cole e modifique o link novamente.
Obs.3: Válido para qualquer página.

4) Salve e pronto! ;D

Leia também:

Como criar página de contato e outras páginas no novo painel do Blogger

2011-11-25T15:05:00.001-02:00

Já havia publicado antigamente como criar uma página estática no Blogger, todavia, foi liberado recentemente um novo painel, onde muita coisa mudou!

Apesar de ter mudado, ficou mais simples criar e gerenciar suas páginas estáticas (sobre, contato, etc). Aprenda a criar suas páginas:

1) Faça login no Blogger, escolha o blog, entre em “Páginas”.

2) Clique em “Nova página” e escolha entre “Página em Branco” ou “Endereço da web”.

Página em Branco – São as páginas estáticas, internas que você pode criar para seu blog. Lá você acrescenta o conteúdo que quiser.
Endereço da web – Coloque um link para outra página fora do seu blog.

3) Ao escolher criar uma página em branco, acrescente um título e o conteúdo desejado. Como se fosse uma postagem.

4) Clique em “Publicar”.

Pronto! Sua página está no ar. Caso queira tirar ela do seu site sem apagar, deixe-a como rascunho no seu painel de páginas. Depois clique em “Salvar organização”.

Até mais pessoal!

Ajustar o embed/player do Vimeo no WordPress

2011-11-24T16:42:00.000-02:00

Se você é daqueles usuários que postam diversos vídeos utilizando o Vimeo como serviço padrão e ao editar o tamanho do frame dá erro, isso é para você!

O que colocarei hoje é como colocar um filtro em seu tema que faz com que os vídeos do Vimeo ocupem toda a área disponível em seu post. Ou seja, se a área de escrita tiver 600px, 580px será a largura do vídeo (isso depende do enchimento).

Criaram esse código (não achei o nome do autor) pois muitos usuários tinham problemas com os tamanhos dos vídeos do serviço citado acima, ou seja, quem usa YouTube não funcionará.

Vá até o painel de seu blog WordPress e navegue: "Aparência" -> "Editor" e abra o arquivo "functions.php".

Após abrir o PHP (<?php) cole o seguinte código:

function fixEmbed($oembvideo, $url, $attr) {
if(strpos($url,'vimeo.com')!== false) {
// check if url is for Vimeo video
$width = 0;
$height = 0;
$newheight = 0;
$attrstart = strpos($oembvideo,'width="');
if($attrstart !== false) {
$attrstart += 7;
$width = substr($oembvideo, $attrstart, strpos($oembvideo,'"',$attrstart+1)-$attrstart);
$attrstart = strpos($oembvideo,'height="');
if(($attrstart !== false) && $width>0) {
$attrstart += 8;
$height = substr($oembvideo, $attrstart, strpos($oembvideo,'"',$attrstart+1)-$attrstart);
$newheight = round($height*$attr['width']/$width);
$oembvideo = str_replace('height="'.$height,'height="'.$newheight, str_replace('width="'.$width,'width="'.$attr['width'], $oembvideo));
}
}
}
return $oembvideo;
}
add_filter('embed_oembed_html', 'fixEmbed', 10, 3);

Salve e aproveite.