Aurea

URL Encurtada no Final do Post Usando o Site Bitly



Ensinei recentemente aqui no TPV uma forma de colocar o URL do post encurtada (short link) no final do post utilizando 3 opções de sites que encurtam URLs.
» URL Encurtada no Final do Post para Divulgação

Porém, parece que este recurso não está funcionando como deveria, inclusive no artigo onde aprendi para ensiná-lo não está funcionando.
Já deixei um comentário lá avisando do problema e assim que obtiver uma resposta atualizo o artigo.

Então, para compensar este problema encontrei este tutorial que usa o site bitly.
Este tutorial se baseia em um app fornecido pelo próprio site.

Não Se Esqueça:
» Essas configurações demandam algum conhecimento em códigos HTML e CSS. Portanto:
♥ Sempre tente antes num blogue de testes.
♥ Salve o seu template antes de começar, clicando em: Fazer backup/Restaurar
♥ Leia o tutorial até o fim e tenha certeza de ter entendido.

1º Passo - Faça seu cadastro no site bitly

Link: bitly

Você pode usar sua conta do Facebook, Twitter ou criar um login.
Pronto! Cadastrou no bitly? Espere as novas instruções no decorrer do artigo.

2º Passo Colocar o short link no final do post

Entre no seu blog » Vá em Modelo » Clique em Editar HTML » Clique em cima do Código e digite as teclas Ctrl F para o Search do editor de HTML:
Leia: Como Acessar o Editor de HTML do Blog e Ativar o Search

1- Colocando o código CSS

Procure pela tag: ))>
Cole este código▼ acima desta tag.
form#shorturl { color:#666; font-size:11px } #shorturl input { color:#999; border:1px inset #CDCDCD; padding:1px 5px; }

2- Colocando a linha do short url

Encontre a linha:
Se não encontrar esta linha procure por:
Certifique-se de que o código ficará dentro da div post-footer-line.
Se a linha estiver assim:
/> Você deve tirar a barra / e fechar com a tag:
→Colocando a linha do código do short url entre as duas linhas.
Veja como fica:

3- Instalando o javascript


Agora procure pela tag
Cole o script ▼ acima desta tag:

//
BitlyClient.addPageLoadEvent(function(){ BitlyCB.myShortenCallback = function(data) { // this is how to get a result of shortening a single url var result; for (var r in data.results) { result = data.results(r); result('longUrl') = r; break; } document.getElementById("shorturl").innerHTML = "Share this link: <input type='text' value='" result('shortUrl') "' name='bitlyurl'/>"; } BitlyClient.shorten(document.location, 'BitlyCB.myShortenCallback'); }); //

♦ Clique em Visualizar para se certificar que está indo tudo certo.

♦ Clique em Salvar modelo.

»Observe onde está escrito SEU_LOGIN e APIKey. Você irá substituí-los no próximo passo.

3º Passo- Configure o seu short url a partir da sua conta do site bitly:


Acesse sua conta do bitly.
Na p
  • Love
  • Save
    Add a blog to Bloglovin’
    Enter the full blog address (e.g. https://www.fashionsquad.com)
    We're working on your request. This will take just a minute...