Cabeçalho

sexta-feira, 21 de junho de 2013

Como mudar o texto do LinkWithin e a Posição

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 tirei!!!). Quem não tem, vai colocar agora mas de outro jeito diferente do usual. 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 (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", ao invés 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, 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;
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.


FONTE:
Related Posts Plugin for WordPress, Blogger...
Posts Relacionados