Encurtador de links direto e automático nos posts do Blogger

10 Comentários »

Esta dica eu gostei bastante, hoje resolvi passear um pouco por blogs de leitura obrigatória, e me deparei com esta dica, imagina ter abaixo dos seus posts um link pra comprartilhar seus posts, mas já com encurtador de links, achei esta dica no Blogger Plugins, e acredito que facilita muito a vida de quem usa Twitter, ou outra maneira de divulgação, vamos a dica.

broken link checker id 342 Encurtador de links direto e automático nos posts do BloggerO encurtador, reduz o link original do seu post, deixando-o mais fácil de decorar e de divulgar em lugares como o Twitter, onde você só pode usar 140 caractéres, um exemplo, é você clicar neste link http://bit.ly/96Y0HF, você acaba voltando pra cá, pode notar que a url está bem mais curta, vamos ao trabalho.

Entre na sua conta do Blogger e vá em “design” e agora em “Editar Html”

Clique em “Expandir modelos widgets”

Localize:

</head>

E adicione o seguinte código antes dele

<script charset=’utf-8′ src=’http://bit.ly/javascript-api.js?version=latest&amp;login=bianco11&amp;apiKey=R_cc8b57cda3bdbfb9ecec36c79e16e34d‘ type=’text/javascript’/>
<script src=’http://blogger-plugins.googlecode.com/files/bloggerplugins.org.bit.ly.short.url.generator.js’ type=’text/javascript’/>

Agora localize:

<p class=’post-footer-line post-footer-line-3′>

Se não localizar, pode ser que esteja assim:

<div class=’post-footer-line post-footer-line-3′>

Se não localizar nenhuma delas, procure por:

<data:post.body/>

E coloque o seguinte código logo abaixo de qualquer uma delas( a que houver em seu template):

<div id=’bp_shorturl’>
<form expr:id=’”bp_short_holder_” + data:post.id’/></div>
<script type=’text/javascript’>
Bloggerplugins_shortener.init(&quot;bp_short_holder_<data:post.id/>&quot;,&quot;<data:post.url/>&quot;)
</script>

Salve tudo, e pronto, você já pode ver o encurtador abaixo dos seus posts, como você vê aqui no blog.

PS.: Para facilitar e não correr riscos de ficar fora do ar, tente criar sua conta no bit.ly, troque o login, e a chave código que estão em vermelho, isto não é obrigatório, mas é indicado; Para pegar a chave código no Bit.ly, basta logar e clicar no seu nome, no alto a direita, na página que vai abrir, role até “API Key”, copie o código e substitua o que está marcado em vermelho.

Que tal compartilhar este texto com seus amigos? É só clicar nos botões abaixo e divulgar!

Divulgue seu blog no Divulga Links e receba visitas grátis Divulga Links

10 Comentários »

10 comentários

  1. disse:

    Adorei a dica, Bianco, estava procurando um encurtador de links desse tipo há um tempão. Brigadão, viu?! Suas dicas e tutoriais são sempre demais.
    .
    Ah! Jamais pense em mudar de tamanho ou estilo de letra, os que vc usa facilitam e tornam qualquer leitura menos cansativa. Os links verdes tb ajudam muito. Vou passar a usar assim, hehe
    Abçs

  2. requeri-assadeira disse:

    gosto daqui. sempre leio as coisas boas que surtem efeito. o encurtador de link é muitissimo eficiente. ali, dentre as regrinhas, aquela sobre openid é ótima. escrevi no meu manga chupada

    http://requeri-mangachupada.blogspot.com/2010/07/que-bloggueira-o-e-voce.html

    sobre isso, mas as pessoas, a maioria delas, são resistentes a essas coisas. valeu. bj.

  3. requeri-mangachupada disse:

    agora, me diz como vc faz esse efeito na imagem da corrente, ali em cima …

  4. Alan Patrick disse:

    tem como trocar o texto " Share this: " por alguma outra palavra ou frase ?

    http://www.sonambulando.com

  5. Bianco Garniz disse:

    @Requeri
    A imagem da corrente eu catei na net, rsrsrs não fui eu não, até da pra fazer no photoshop, mas eu teria de ver isso!

    @Alan patrick
    Você pode modificar sim, para isso você terá de pegar o javascript do código que é http://blogger-plugins.googlecode.com/files/bloggerplugins.org.bit.ly.short.url.generator.js e baixar pro seu pc, altere dentro dele a palavra, e depois você tem de armazenar em outro servidor, no fim basta pegar este novo endereço e trocar no código que te dei, blz???

  6. Neto Barros disse:

    no ie6 tá aparecendo erro

  7. Neto Barros disse:

    não tá pegando, aparece isso: Não foi possível analisar o seu modelo, pois sua formatação é inadequada. Certifique-se de que todos os elementos XML estão fechados adequadamente.
    Mensagem de erro em XML: Open quote is expected for attribute “{1}” associated with an element type “charset”.

  8. Flavio Costa disse:

    Não tá pegando, aparece isso: Não foi possível analisar o seu modelo, pois sua formatação é inadequada. Certifique-se de que todos os elementos XML estão fechados adequadamente.
    Mensagem de erro em XML: Open quote is expected for attribute “{1}” associated with an element type “charset”.

    Testei no Firefox 3.6 e no IE 8.
    @flaviomacosta

  9. Desculpe minha ingnorância mas para que serve esse código ? Que utilidade tem colocar isso no Blogger ?
    Estava passeando pelo google para ver alguns artigos sobre encurtador de links que paga, e me deparei com seu post, no começo até achei que esse código deixaria todos os links do blogger com encurtador (que é o que estava em minha mente) é isso que esse código faz ?
    Até mais e obrigado desde já.

Faça um comentário

Notifique-me de novos comentários via e-mail. Você também pode se inscrever sem comentar.