NOVO: Personalizar o LinkWithin (texto e posição)

Hoje eu ia começar a fazer a série de posts sobre o Facebook, mas decidi deixar para semana que vem pois ontem tive uma verdadeira peregrinação para corrigir uma coisa no meu template... Então, como percebi que pela net não tem nenhum artigo em português sobre o assunto (se tem está muito escondido), resolvi compartilhar com vocês como resolver esse problema.

Quando se trata da organização do meu template, eu tenho que admitir que eu sou chata e muito persistente. Se tem alguma coisa que eu não gosto, que está fora do lugar, que eu queira muito mudar; não descanso até encontrar a solução (sou uma legítima brasileira, não desisto nunca!)
Tudo começou com a Homenagem de "Quinta" de ontem. Vocês devem ter visto que eu pûs um jump break (também conhecido como "leia mais" ou "jump-link") para que os vídeos não ficassem pesando na página inicial. O fato de que o widget "LinkWithin" ficou em cima do "Leia Mais" me irritou profundamente. Sabe, na minha opinião, fica bem mais bonito se ele ficar embaixo do "Leia Mais", se possível eu queria que ele ficasse depois do link de comentários (mas se não desse, tudo bem...)
Eu logo pensei: "Deve ter um tutorial para isso em algum blog famoso..." e fui procurar. Procurei, procurei, procurei... Mas cadê esse bendito código??? Eu só achava como colocar ele nas páginas da postagem, sem ser na página inicial... Ninguém falava sobre como colocá-lo depois do post-footer (ou pelo menos eu não encontrei).
Eu estava quase desistindo, mas quando mudei as palavras-chave no Google, achei finalmente uma página em inglês no Blogger Sentral que resolveu todos os meus problemas (#ALELUIA) e ainda me ajudou com mais um: como mudar as palavras que ficam em cima do LinkWithin, que geralmente é "Poderá também gostar de:", que eu também não gostava, mas que me incomodava bem menos.
Como nem todo mundo entenderia o texto em inglês, vou dar uma de Google Tradutor hoje (eu já dou uma de Wikipedia da blogosfera mesmo, e acabei de receber o título de DSMpedia pela minha amiga Juliana) e fazer mais um tutorial bem explicadinho, desses que vocês gostam tanto...

Mudando o texto que fica em cima do LinkWithin:

Para quem já tem um widget do LinkWithin no seu blog, não precisa retirá-lo (eu não retirei!) Quem não tem, vai colocar agora, só que de outro jeito diferente do usual.
Um aviso: como teremos que mexer no HTML do blog, recomendo que você salve antes uma cópia do seu template ou faça um backup ou treine antes num blog de testes (eu como sou abelhuda, fiz direto, mas não recomendo pois sei que um dia posso me lascar por fazer assim).

1. Entre no site LinkWithin;
2. Coloque seu e-mail e o endereço do blog na caixinha que está à direita do site. Em "Platform", em vez de marcar "Blogger" (que seria o certo para nós) marque "Other". Escolha quantos quadradinhos você quer em "Width" e clique em "Get Widget" (se seu blog for de fundo escuro com letra branca, marque a caixinha "My blog has light text on a dark background", se não for, não marque);

3. Vai aparecer uma página parecida com a que está abaixo. O número que eu estou indicando com uma seta é o ID do seu blog (fica depois de var linkwithin_site_id = , não copie o "ponto e vírgula"!!!) Reserve ele (nossa, agora pareceu receita de bolo), ou seja, copie e cole em algum lugar, pode ser no bloco de notas, por exemplo (ou copie num papel... tanto faz!).

4. Agora entre no Blogger e vá em Modelo > HTML (caixinha branca abaixo da miniatura do seu template);

5. Copie o seguinte código: </body>
6. Clique em qualquer parte do código e aperte Ctrl+F;
7. Na caixinha que abriu (Search), cole o código que você acabou de copiar e aperte "Enter";
8. Copie o código a seguir e cole antes do </body> (que ficou em destaque):

<b:if cond='data:blog.pageType == &quot;item&quot;'> <script> var linkwithin_site_id=SEU_ID; linkwithin_text='SUA_FRASE'; </script> <script src="http://www.linkwithin.com/widget.js"></script> <a href="http://www.linkwithin.com/"><img src="http://www.linkwithin.com/pixel.png" alt="Posts Relacionados"/></a></b:if>

9. Onde está escrito SEU_ID troque pelo número que nós copiamos lá em cima;
10. Onde está escrito SUA_FRASE troque pela frase que você quer que apareça em cima do Widget. Aqui no DSM eu pûs: Gostou do Post? Veja também:, mas você pode colocar o que quiser!
11. Clique em visualizar e veja se a frase está do jeito que você escreveu;
12. Se tudo estiver OK, clique em " Salvar modelo ".

Prontinho, você já mudou a frase do seu Widget!!! Não precisa apagar o que você já colocou em Layout (eu não apaguei).

Colocando o LinkWithin depois do Post Footer:

Agora, se você, como eu, está infeliz com a posição do seu Widget e quer colocá-lo depois do rodapé da postagem (depois do link do leia mais, dos comentários, marcadores, escrito por:, etc.) siga com muita atenção os passos a seguir (você pode seguí-los mesmo se não tiver feito o tutorial acima).
Novamente, um aviso: como teremos que mexer no HTML do blog, recomendo que você salve uma cópia do seu template ou faça um backup ou treine antes num blog de testes.

1.  Entre no Blogger e vá em Modelo > HTML (caixinha branca abaixo da miniatura do seu template);

2.  Copie o seguinte código:  <b:include data='post' name='post'/>
3.  Clique em qualquer parte do HTML e aperte Ctrl+F no seu teclado;
4.  Na caixinha que abriu, cole o código que você acabou de copiar e aperte a tecla "Enter";
5.  Cole o código <div class="linkwithin_div"></div> depois do <b:include data='post' name='post'/>
Vai ficar assim:

<b:include data='post' name='post'/>
 <div class="linkwithin_div"></div>

6. Visualize e veja se a posição do widget mudou;
7. Se tudo estiver OK, clique em " Salvar modelo ".

É só tudo isso!!! Viu como é fácil???
Se algo deu errado, ou você não entendeu algo no tuto, pode deixar um comentário que eu conserto aqui.

Para mudar as cores do LinkWithin, clique aqui.

Mil Sweetkisses,