AddThis - Seus leitores divulgando seu blog

O AddThis é um serviço bem completo de bookmarking & Sharing que pode ser integrado ao seu blog facilmente permitindo assim que seus leitores possam divulgar seu blog ou seus artigos em diversas redes sociais, tais como: Twitter, Facebook, Okut entre outros. O botão também permite que o usuário que acessa seu blog possa adicioná-lo aos favoritos, enviar por email, ou imprimir o seu artigo, bom não é mesmo?.

Instalando no blogger
 Para utilizar o serviço em primeiro lugar vá até a página do addthis, feito isso, basta seguir as 4 etapas.

1 - Select your service. - No nosso caso devemos marcar blogger.
2 - Select a button style. - Escolha o estilo do botão.
3 - Do you want analytics? - Marque sim se deseja acompanhar as estatísticas (necessita o cadastro).
4 - You're done! - Clique no botão Get Your Button e prossiga.

Nesta página você pode optar a instalar na sidebar do blogger ou copiar o código e colar onde preferir.

Adicionar o botão no rodapé das postagens:
É bem simples, vá até Layout/Editar Html, e marque a caixinha expandir modelos widgets, agora procure pela linha abaixo:

<div class='post-footer'>

Cole acima dela o código gerado no Addthis, lembra?:

Salve e pronto.

O que é feed e como utilizá-lo

Já publiquei aqui algum tempo atrás um artigo sobre feed, hoje revisando-o achei o artigo não muito bom, por conta disso resolvi publicá-lo novamente, agora melhorado.

O que é feed?
O termo Feed vem do verbo em inglês "alimentar". Feed é um formato de dados usado em formas de comunicação com conteúdo atualizado frequentemente, como sites de notícias ou blogs. Distribuidores de informação, blogueiros ou canais de notícias disponibilizam um feed ao qual usuários podem se inscrever, no formato de um link. Outros formatos de dado possíveis de serem comunicados por feeds são arquivos de áudio, podcasts e vídeos. Fonte: Wikipédia

Em outras palavras, feed é uma ferramenta importantíssima para o seu blog, com ele você poderá exibir suas últimas postagens de uma forma bem prática para todos os seus leitores, um exemplo: Via email.

Cadastrando seu blog:

Acesse o site do FeedBurner, se você já tem uma conta no Google Accounts (Gmail, Blogger etc) não há necessidade a criação de um novo cadastro, basta logar com seu email e senha do gmail. Caso você não seja cadastrado clique no Botão Create an account lá mesmo no feedburner e seguir os passos.

Após o cadastro chegou a hora da criação do seu feed, para isso, digite o endereço do seu blog no campo e depois avance para próxima página, como ilustrado na imagem abaixo:

Na página Identify Feed Source marque a segunda opção RSS e clique em próximo.

Escolha agora o título do seu feed e o endereço, exemplo: feeds.feedburner.com/blogandocomvc. Na página seguinte seu cadastro será concluido, clique em próximo.

Na outra página, clique em próximo novamente, não há o que configurar nela.

Seu feed foi criado, agora clique na aba Publize e veja as formas para exibição do seu feed, segue a lista abaixo com as opções e suas definições traduzidas:

Headline Animator: Apresentação de manchetes (feeds) animadas.
BuzzBoost: Republicação do seu feed como HTML.
Email Subscriptions: Ofereça atualizações por email.
PingShot: Notifique outros serviços quando você publicar.
FeedCount: Mostre para o mundo a circulação de seu feed.
Socialize: Publique nas redes sociais.

Lembrando que o endereço do seu feed é: feeds.feedburner.com/Endereçodoseufeed

Recomendo que leia também:
Como usar o leitor de feeds Google Reader [Ferramentas Blog]

Aproveite e assine nosso Feed. 

Twitter Feed: Seus artigos automaticamente no twitter

Ultimamente estava sem tempo para atualizar o meu twitter mais acabei encontrando o Twitter Feed, um serviço gratuito que envia seus artigos automaticamente para o twitter utilizando o feed do seu blog, com isso, além de manter o seu twitter atualizado, divulgará seus artigos automaticamente na rede social mais famosa do mundo.

O que você terá que fazer é registra-se no site e configurar o seu feed no seu twitter.

- O que é feed e como adicioná-lo ao seu blog

Cadastrando-se no site:

Acesse o site clicando aqui, você não precisará fazer o cadastro caso utilize o openID, basta logar-se no twitterfeed com seu login e senha do openID. Se você não utilizar o serviço não há problema, registre-se no site clicando em sign up, após isso preencha o formulário com seu email e senha, marque a caixinha abaixo se você desejar receber informações sobre sua conta do Twitter Feed, agora é só clicar em Create Account.

Na página seguinte você deve preencher o nome e a url do seu feed, veja um exemplo na imagem abaixo:

Depois de preenchido clique no botão logo abaixo "Continue to Step 2".

Agora você vai poder escolher o serviço, no nosso caso o twitter, para isso basta clicar no link Twitter.

Na próxima página basta clicar no botão Authenticate Twitter, e na página que abrir insira seu usuário e senha do twitter e clique em Allow.

Pronto, aparti daí todos os posts publicados por você serão automaticamente enviado pro seu twitter e todos os seus seguidores.

Como postar vídeos através do blogger

Já postei aqui como inserir vídeos do Youtube no blogger, agora chegou a vez de fazer o mesmo só que agora usando o próprio blogger.

Há quem não saiba, o blogger possui um excelente serviço de upload de vídeos, é bem útil para quem gosta de postar seu próprio vídeo no blog de vez enquanto, com isso você irá até dispensar ir até o youtube e fazer o upload do vídeo apenas para colocá-lo no seu blog; Além disso o vídeo será visualizado apenas no seu blog propriamente dito.

A opção está inserida apenas no Blogger em Rascunho, ou, Blogger in Draft. Para encontrá-la vá até o painel de postagens do blogger draft e localize o ícone "Inserir um vídeo" como ilustrado na imagem abaixo:

Após clicar, será aberto uma janela pop-up na qual você pode fazer o upload do vídeo clicando no botão Enviar Arquivo, bem bacana não é mesmo?!

Novos recursos no blogger

Mais uma vez o blogger inova, desta vez acaba de sair do forno duas grandes e esperadas novidades. A primeira delas é a tão cobiçada página estática, ainda não sabe o que é? Eis a explicação: Páginas estáticas são páginas fixas, ou seja, não mudam, é ideal pra quem prefere exibir informações sobre você mesmo ou seu blog, assim a postagem fica mais individual, sem gadgets ou outras ferramentas que é exibida na home e que pode deixar de ser exibidas nas páginas estáticas como você preferir.

A Juliana Sardinha escreveu sobre as páginas estáticas no blogger confira e aprenda a utilizar.

A segunda novidade será concerteza bem útil na hora da troca do template. É um recurso que: não permite perder seus widgets ao realizar a troca do seu template, o que era bem exaustivo antigamente:

Os novos recursos ainda não estão disponíveis á todos:
Mais como tudo não é perfeito, as novidades ainda não estão disponíveis à todos, assim como eu outros usuários relataram que os recursos ainda não estão disponíveis no painel, teremos que aguardar mais, faça como eu, relate seu problemas aos funcionários do Google para que seja solucionado o mais rápido possível.

- Grupo de ajuda blogger.

Update:
Acabei de receber a informação que o blogger já se pronunciou sobre o erro, e avisa que seja um possível bug nos novos recursos, vamos aguardar e ver no que dá.

Remover link: "Assinar: Postagens (Atom)"

Se você não quer ver o link "Assinar: Postagens (Atom)" no final de todas as suas postagens é bem simples a sua retirada.

Basta marcar a caixinha: "Expandir modelos widgets" e procurar pela seguinte linha:

<b:include name='feedLinks'/>

Apague o trecho acima vizualize e salve.

Caso você prefira personalizar o link, não apague o trecho, e sim procure por:

.feed-links {

Você pode adicionar valores CSS abaixo deste trecho, deixando-o do seu jeito:

.feed-links {
clear: both;
line-height: 2.5em;
color:#4EA0DE;
font-style:italic;
}

Você pode personalizar a cor e o estilo da font do link (negrito), use a criatividade nessa hora. Até a próxima.

Destacando comentários do autor no blog

Para diferenciar o seu comentário dos demais no seu próprio blog você só vai precisar adicionar um pequeno trecho CSS  e fazer um pequena configuração no template, acho esse diferencial bem bacana, pois além de destacar seu comentário, evita que algum espertinho se passe por você nos seus comentários, o que as vezes pode o prejudicá-lo.

Olhei essa dica há algum tempo no Compulsivo, mais fiz algumas alterações. Chega de papo, e vamos ao trabalho.

Clique na caixinha expandir modelos widgets, e procure por:

<data:commentPostedByMsg/>
</dt>

Abaixo deste trecho, adicione o código a seguir:

<b:if cond='data:comment.author == data:post.author'>
<dd class='blog-author-comment'>
<p><data:comment.body/></p>
</dd>
<b:else/>

Logo após localize:

<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>

E logo abaixo adicione:

</b:if>

Agora antes de ]]></b:skin> cole o trecho CSS adiante:

.blog-author-comment p {
margin:0 0 .75em;
padding:5px 10px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border:1px dotted #e5e5e5;
background:#f7f7f7;
}

Se quiser pode alterar os valores em negrito, deixando do seu jeito.

Resultado Final:

Clique para ampliar