UsuárioCompulsivo

Social Bookmarks no Blogger


Sabe aqueles íconezinhos que aparecem no final dos posts? Então...

Social Bookmarks são usados para o compartilhamento de sites favoritos. Opções de serviços desse tipo não faltam, na verdade até sobram, o mais conhecido é o del.icio.us do Yahoo! que também detém o Yahoo! MyWeb, o Google oferece a facilidade com o Google Bookmarks.

Já o Digg é o mais popular em sua categoria, um pouco diferente dos anteriores, ele agrega notícias enviadas pelos usuários em um ranking, da mesma forma que o rec6, sua "versão brasileira".

Com a atualização para o novo Blogger (ex-beta), tive dificuldade para incluir no final dos artigos, links (imagem ao lado) para publicação rápida nos serviços de Social Bookmarks, até que encontrei essa dica, que depois de algumas adaptações funcionou muito bem.

Antes de mais nada faça um backup do seu template atual, para o caso de algo sair errado. Na área de edição do HTML, clique em Baixar modelo completo.

Depois marque a caixa 'Expandir modelos de widgets' e procure pela expressão:
<p class='post-footer-line post-footer-line-3'/>
E substitua-a pelo código abaixo, depois de adaptá-lo a sua necessidade.
<p class='post-footer-line post-footer-line-3'>
<table><tr><td colspan='5'>serviços:</td></tr><tr>
<td><a expr:href='"http://www.google.com/bookmarks/mark?op=add&amp;bkmk=" + data:post.url + "&amp;title="+data:post.title' target='_blank'><img alt='Google' src='http://URL_ICONE/google.gif'/></a></td>
<td><a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Del.icio.us' src='http://URL_ICONE/delicious.gif'/></a></td>
<td><a expr:href='"http://digg.com/submit?phase=3&amp;url=" + data:post.url' target='_blank'><img alt='DiggIt!' src='http://URL_ICONE/digg.gif'/></a></td>
<td><a expr:href='"http://www.syxt.com.br/rec6/link.php?url=" + data:post.url + "&amp;titulo=" + data:post.title' target='_blank'><img alt='Rec6' src='http://URL_ICONE/rec6.gif'/></a></td>
</tr></table></p>
* Imagem: Fasticon

Comentários 12 comentários

Thiago Para hospedar as imagens (ícones) dos bookmarks vc utilizou a técnica descrita em http://usuariocompulsivo.blogspot.com/2007/01/hospedar-imagens-para-o-perfil-do.html ?

Porque pelo código fonte não entendo como a imagem linka com o código.

Abraços.

http://www.joguinhosantigos.com
11 de dezembro de 2007 11:00

Compulsivo Oi Thiago,

Sim utilizei aquela técnica. Mas no código que utilizei como exemplo, não coloquei o endereço das imagens, que deve ser substituído pelo endereço correto conforme o caso.

[]'s
Compulsivo
11 de dezembro de 2007 11:19

Thiago Valeu Compulsivo! Já instalei em http://www.joguinhosantigos.com . Depois faz um post ensinando colocar outros social bookmarks no código (blogblogs, etc).

Valeu!
11 de dezembro de 2007 23:22

Compulsivo Oi Thiago, que bom que você voltou.

Obrigado por seus comentários, eles me ajudam a melhorar as dicas que publico aqui.

Já publiquei outros dois artigos ensinando como incluir os botões para o BlogBlogs e para o Twitter.

Para o BlogBlogs, creio que eu tenha sido o primeiro a publicar essa dica para o Blogger / Blogspot, pois para o Wordpress, acho que foi o Anderssauro.com.

Quanto aos demais botões de social bookmarks que eu uso e que não estão descritos no artigo, faça assim:

Copie o link que você quer incluir, pode ser aqui do meu rodapé mesmo e cole no bloco de notas. Depois duplique uma linha no código dos bookmarks e faça as alterações conforme o link que você copiou no passo anterior.

No meu caso, comecei com esses quatro ícones, depois fui acrescentando outros.

Qualquer dúvida, manda pra nós. Faremos o possível para solucionar.

[]'s
Compulsivo
12 de dezembro de 2007 10:26

Thiago Valeu pela dica. Farei novos ícones com base nos seus.

Abraços.
http://www.joguinhosantigos.com
12 de dezembro de 2007 16:20

Compulsivo Tranqüilo meu velho.

Só deixa eu te dar uma dica, troque o seu formulário de contato. O Contactify não funciona no Firefox! Use esse formulário.

Se quiser trocar o ícone padrão do Blogger por um ícone personalizado para o seu blog, use essa dica.

A propósito, sua barra lateral ainda tem bastante espaço, que tal colocar um Banner ou Link
Compulsivo lá, heim?

[]'s
Compulsivo.
12 de dezembro de 2007 16:31

Thiago Valeu por mais essa dica. Quanto ao formulário, funcionou perfeitamente em meu firefox, muito estranho. Enfim, vou testar novamente e se der pau eu tiro.

Valeu pela dica do Favicon. O problema é que não tenho habilidade para criar um ícone hehehhe.

Quanto ao link, já está na lista dos favoritos, pode checar.

Uma última dúvida: como faço para colocar os social bookmarks junto com o ícone de enviar e-mail, como você fez no Usuario Compulsivo. Quebrei a cabeça, tentei de várias formas, mas só deu erro! Além disso, sequer consigo alinhá-los na esquerda da tela.

Abraços.
http://www.joguinhosantigos.com
13 de dezembro de 2007 12:00

Compulsivo Fala Thiago,

Essa é a última dica grátis! (hehe, diga rápido 3x: dica grátis...)

É o seguinte, procure pelo trecho de código abaixo e mova para onde quer que ele apareça, mas cuidado tem lugares que dá pau.

<b:if cond='data:post.emailPostUrl'><span class='item-action'><a expr:href='data:post.emailPostUrl' target='_blank' title='Enviar por email'><span class='email-post-icon'>&#160;</span></a></span></b:if>

[]'s
Compulsivo
13 de dezembro de 2007 20:58

Guilherme Eu tentei colocar no meu e nao funcionou, ele nao tinha a footer 3, adicionei, mas nada...
17 de julho de 2008 10:50

Rafael Moreira Compulsivo, essa dica estragou tudo. Fiz o back-up no meu blog, e quando fui tentar fazer isso deu erro, sem querer eu salvei!

Aparece esse erro "bX-ib2hdi"

E só agora meu template já era mesmo que eu tenha salvado não consigo intalar aparece a mesma coisa, agora só os templates do Blogger são aceitos!!

Tentarei de tudo caso eu consiga, eu venho aqui avisar. Se você souber algum modo de repor eu agradeceria muito...

Obrigado!
4 de agosto de 2008 15:55

Compulsivo @Rafael, lamento que não tenha funcionado contigo, mas comigo funcionou e com mais um monte de gente. Que bom que fizesse backup, não é mesmo?

[]'s
Compulsivo
4 de agosto de 2008 15:58

blog.clacelestial.com Puta merda, tem algo sobre o blooguer que não se encontra por aqui? Funcionou perfeitamente, obrigado.
11 de julho de 2009 18:29

faça seu comentário

Leia as regras:
Todos os comentários são lidos e moderados previamente.
São publicados aqueles que respeitam as regras abaixo:

- Seu comentário precisa ter relação com o assunto do post;
- Em hipótese alguma faça propaganda de outros blogs ou sites;
- Não inclua links desnecessários no conteúdo do seu comentário;
- Se quiser deixar sua URL, comente usando a opção OpenID;
- O espaço dos comentários não é lugar para pedir parceria;
- CAIXA ALTA, miguxês ou erros de ortografia não serão tolerados;
- Comentaristas obsessivos compulsivos serão ignorados;
- Ofensas pessoais, ameaças e xingamentos não são permitidos;
- Não se preocupe em enviar trackbacks, os backlinks são automáticos.

Nos tutoriais:
- Leia os comentários, sua dúvida pode já estar respondida;
- Consulte o Grupo Blogspot Brasil para dúvidas específicas;
- Não fornecemos assistência técnica gratuita para o Blogger;
- Se precisa de atendimento personalizado, solicite orçamento.

OBS: Os comentários dos leitores não refletem as opiniões do blog.